阻止默认事件和阻止冒泡的应用场景

阻止默认事件，比如这个：

<a href="https://www.baidu.com">
   <div>
         <span>取消</span>
   </div>
</a>

比如这样的一个需求 点击取消按钮的时候会触发一些js动作，但是不能让这个div产生跳转行为，所以需要在点击取消的时候 阻止冒泡，防止其跳转。

<div id="dialog">
   <span id="submit">确定</span>
</div>

$("#submit").on("click",function(e){
   e.stopPropagation();  //阻止冒泡，防止冒泡到document层
   ...
});

$(document).on("click",function(e){
   if($(e.target).closest("#dialog").length == 0){
       $("#dialog").hide();
   }
})

1.阻止事件冒泡，但不阻止默认行为。如 stopPropagation 或 cancelBubble等。2.阻止默认行为，但不阻止事件冒泡。如 preventDefault 方法。3.同时阻止事件冒泡和默认行为。直接 return false 即可。