阻止事件冒泡

什么是事件冒泡？

事件冒泡的过程：事件从发生的目标开始，沿着文档逐层向上冒泡（传播），到document为止（有些浏览器是window）。

这会触发父级元素的事件处理程序~~

 

事件的传播是可以阻止的？

在W3C中，使用stopPropagation()方法；

在IE下，设置cancelBubble = true。

【代码】

function stopBubble(e){
  if( e && e.stopPropagation ){
    e.stopPropagation();    // 其他浏览器
  }else{
    window.event.cancelBubble = true;    // IE
  }
}

 

事件冒泡是可以被利用的？

比如点击遮罩层，隐藏掉遮罩层和弹窗，就只需要给document加点击事件即可，免去了给文档中每一个元素添加点击事件的麻烦。

 

需要注意什么？

不是所有事件都能冒泡。以下事件不能冒泡：blur、focus、load、unload

阻止冒泡不能阻止事件默认行为。