html事件传播和各个浏览器的处理方式

一.html事件传播机制

event.eventPhase 常量值

Event.CAPTURING_PHASE 1 , 捕获阶段

Event.AT_TARGET 2 , 目标元素阶段

Event.BUBBLING_PHASE 3 , 冒泡阶段

(1)事件冒泡

事件触发顺序从最外层到最内层的顺序,

(2)事件捕获

事件触发顺序是从最内层到最外层元素

二.各个浏览器的处理方式

IE

// 阻止默认事件(ie8下貌似不能用,不过也是时候放弃ie8了吧)
window.event.returnValue=false;
// 阻止冒泡
window.event.cancelBubble = true;

其他现代浏览器

// 阻止默认事件
window.event.preventDefault();
// 阻止冒泡
window.event.stopPropagation();