核心提示：什么是冒泡？冒泡作为一种特有事件普遍存在于开发中，那么，什么是冒泡呢？冒泡是指：当一个元素上的事件被触发后，比如一个按钮被触发了onclick事件，同样的事件将在那个元素的所有祖先元素中被触发。这一过...
什么是冒泡？
冒泡作为一种特有事件普遍存在于开发中，那么，什么是冒泡呢？冒泡是指：当一个元素上的事件被触发后，比如一个按钮被触发了onclick事件，同样的事件将在那个元素的所有祖先元素中被触发。这一过程就称为事件冒泡。 并且这个事件会从原始元素开始一直冒泡到DOM树的最上层。
冒泡事件遵循的顺序：
IE中：冒泡事件遵循以下顺序：p -> body -> html -> document。
其他浏览器：冒泡事件遵循以下顺序：p -> body -> html -> document -> window。
需要注意：不是所有的事件都能冒泡。以下事件不冒泡：blur、focus、load、unload
如何阻止冒泡
知道了什么是冒泡事件，也了解到了其在开发中可能会造成的影响，那么接下来我们需要知道该如何去阻止冒泡事件的发生。同样的，阻止冒泡的方法在IE浏览器和其他标准浏览器的写法各不相同。
IE浏览器中的写法：event.cancelBubble = true；
其他标准浏览器，W3C推荐的写法：event.stopPropagation()；
而在实际开发中，我们需要将两者进行兼容，由此会产生下面的兼容写法：
if(event && event.stopPropagation)
{
event.stopPropagation(); // w3c 标准
}
else
{
event.cancelBubble = true; // ie 678 ie浏览器
}
