事件冒泡

事件传播分为三个过程:事件捕获----事件目标-----事件冒泡

事件捕获过程:事件从上级标签开始往下查找,直到捕获到事件的目标(target/srcElement);

事件目标:

var e = event || window.event;
//事件目标
var target = e.target || e.srcElement;

事件冒泡过程:事件从事件目标开始往上冒泡,直到页面的最上一级;

事件冒泡顺序:

IE 6.0:div -> (父元素) -> body -> html -> document

其他浏览器:div -> (父元素) -> body -> html -> document -> window

即:当一个元素上的事件被触发的时候,那么同样的事件将会在这个元素的所有的父元素中被触发,直到冒泡到DOM树的最上层。

blur,focus,load,unload事件不冒泡

阻止事件冒泡:

W3c的方法:event.stopPropagation();

IE的方法:event.cancleBubble = true;

原文地址:https://www.cnblogs.com/old-street-hehe/p/6731681.html