基础 - 冒泡

事件传播

　　捕获　　冒泡　　目标

　　捕获：　从最上级标签开始依次查找事件，找到目标即停止查找

　　冒泡：　从事件目标开始往上依次传递事件，直到最上级标签

冒泡机制

　　元素的事件被触发时，默认会把相同的事件依次传递给祖先元素，直到DOM树的最上层标签

冒泡顺序

　　IE6　　div　　body　　html　　document

　　其他　　div　　body　　html　　document　　window

不能冒泡的事件

　　blur失去焦点　　focus获得焦点　　load　　unload

 

阻止冒泡

function fun(event) {
　　var oEvent = event||window.event;
　　if (oEvent&&oEvent.oEvent.stopPropagation) {
　　　　oEvent.stopPropagation();
　　}else{
　　　　oEvent.cancelBubble = true;
　　}

 

　　var oEventTarget = oEvent.target?oEvent.target:oEvent.srcElement;

　　switch(oEventTarget.id) {

　　　　case "show":  break;

　　　　case "box":  break;

　　　　default:;console.log(log(oEventTarget);

　　}

}