event.stopPropagation() 方法

<script>
$(document).ready(function(){
  $("span").click(function(event){
    event.stopPropagation();
    alert("The span element was clicked.");
  });
  $("p").click(function(event){
    alert("The p element was clicked.");
  });
  $("div").click(function(){
    alert("The div element was clicked.");
  });
});
</script>

 

 

阻止事件流：

event.stopPropagation();只考虑冒泡事件，这样才有意义，如果添加给捕捉行事件的话，事件的监听就没有意义了，

比如给:

<div>
    <p>
        <span></span>
    </p>
</div>

里的span添加onlick事件时，同时加上了event.stopPropagation();然后给div,p也添加了onlick的监听，那么当在页面上点击span元素区域时，就不会执行span的function（）{}内容，而是由于捕捉事件从最外层向内捕捉，仅仅执行了最外层的div的监听事件，而后就被阻止了，span的监听就无效了。