阻止默认事件和冒泡

阻止默认事件

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();
  }  
}  
原文地址:https://www.cnblogs.com/jidi/p/prevent.html