jQuery中的事件冒泡捕获阻止冒泡

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/limm33/article/details/70340178

jQuery中的事件冒泡捕获阻止冒泡

事件冒泡

IE中的事件流叫做事件冒泡，就是又最开始的时间接收到逐级向上传播较为不具体的节点。IE9、谷歌浏览器、Safari、Opera等等都是将事件一直冒泡到windwo对象上。

事件捕获

事件捕获从最根本上的Document到下级的元素逐级的向下传递捕获。
IE9、谷歌浏览器、Safari、Opera等

阻止事件冒泡

jQuery 提供了两种方式来阻止事件冒泡。

• **方式一: **event.stopPropagation();

  $("#div1").mousedown(function(event){
      event.stopPropagation();
  });
  

• **方式二：**return false;

  $("#div1").mousedown(function(event){
      return false;
  });
  

但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡，而且阻止了事件本身。event.stopPropagation() 则只阻止事件往上冒泡，不阻止事件本身。