zoukankan      html  css  js  c++  java
  • 阻止默认事件和冒泡

    阻止默认事件

    html标签会有一些默认事件,比如a标签跳转,button标签提交表单,有时我们需要控制这些操作,阻止它的默认事件

    1.return false;

    $("a").click(function(){
    
      //一些我们需要的操作
    
      console.log(balala……)
    
      return false;  //最后return false会阻止跳转
    
    })

    2.e.preventDefault;

    $("a").click(function(e){
    
      e.preventDefault();
    
      //一些我们需要的操作
    
      console.log(balala……);
    })

    阻止事件冒泡

    点击子元素时,会触发父元素的事件,一级级往上出发,我们用cancelBubble和stopPropagation来阻止事件的冒泡

    function doSomething (evt) {
      var e=(evt)?evt:window.event;  
          if (window.event) {  
            e.cancelBubble=true;
      } else { 
        e.stopPropagation();
      }  
    }  
  • 相关阅读:
    算法训练 接水问题
    算法训练 数组排序去重
    算法训练 A+B Problem
    算法训练 采油区域
    算法训练 会议中心
    JS高级
    JS基础操作
    JavaScript入门(基础)
    表格与表单
    音频与视频
  • 原文地址:https://www.cnblogs.com/jidi/p/prevent.html
Copyright © 2011-2022 走看看