事件传播分为三个过程:事件捕获----事件目标-----事件冒泡
事件捕获过程:事件从上级标签开始往下查找,直到捕获到事件的目标(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;