本文详细解析了不同浏览器中事件流模型的区别，包括IE的冒泡型、Netscape的捕获型及DOM的先捕获后冒泡型；同时对比了事件侦听函数、事件对象获取方式、事件目标定位等关键技术点。
1.事件流的区别
IE采用冒泡型事件 Netscape使用捕获型事件 DOM使用先捕获后冒泡型事件
IE采用冒泡型事件 Netscape使用捕获型事件 DOM使用先捕获后冒泡型事件
示例：
<body>
<div>
<button>点击这里</button>
</div>
</body>
冒泡型事件模型： button->div->body (IE事件流)
捕获型事件模型： body->div->button (Netscape事件流)
DOM事件模型： body->div->button->button->div->body (先捕获后冒泡)
2.事件侦听函数的区别
3.事件对象定位(获取)
IE：事件对象是window对象的一个属性event，event只能在事件发生时访问，事件处理函数执行完毕，事件对象被销毁。
ie8之前的浏览器需要加window
IE：事件对象是window对象的一个属性event，event只能在事件发生时访问，事件处理函数执行完毕，事件对象被销毁。
ie8之前的浏览器需要加window
示例：
document.onclick=function(){
alert(window.event.type);
}
DOM：event对象必须作为唯一的参数传递给事件处理函数，且必须为第一个参数。
示例：
document.onclick=function(){
alert(arguments[0].type);
}
4.获取目标(target)
IE：var oTarget=oEvent.srcElement;
IE：var oTarget=oEvent.srcElement;
DOM：var oTarget=oEvent.target;
5.阻止事件默认行为
IE：oEvent.returnValue=false;
DOM：oEvent.preventDefault();
6.停止事件复制（冒泡）
IE：oEvent.cancelBubble=true;
IE：oEvent.cancelBubble=true;
DOM：oEvent.stopPropagation();
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
