js事件冒泡

事件冒泡含义: 当一个元素上的事件被触发的时候，

比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。

这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。

1.冒泡顺序：

IE 6.0:

div -> body -> html -> document

其他浏览器:

div -> body -> html -> document -> window

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

2.阻止冒泡的方法

标准浏览器 和 ie浏览器

w3c的方法是event.stopPropagation() proPagation 传播 传递

IE则是使用event.cancelBubble = true bubble 冒泡 cancel 取消

兼容写法：

if(event && event.stopPropagation)

{

event.stopPropagation(); // w3c 标准

}

else

{

event.cancelBubble = true; // ie 678 ie浏览器

}

小白一枚，如有错误，还请指正，感谢哦~