e.stopPropagation()

阻止冒泡,比如最简单的弹出层，当点击确认提交按钮的时候实际上点击事件是会往上冒泡，而一般我们取消遮罩的时候，都是通过点击弹出层周边的空白区域的。
那么问题来了。

<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(); 
   }
})