event事件中ie和标准dom的区别

来源：互联网发布：黑人牙膏怎么样知乎编辑：程序博客网时间：2024/06/05 13:23

1.事件流的区别

IE采用冒泡型事件 Netscape使用捕获型事件 DOM使用先捕获后冒泡型事件

示例：

冒泡型事件模型： button->div->body (IE事件流)

捕获型事件模型： body->div->button (Netscape事件流)

DOM事件模型： body->div->button->button->div->body (先捕获后冒泡)

2.事件侦听函数的区别

3.事件对象定位(获取)

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;

DOM：var oTarget=oEvent.target;

5.阻止事件默认行为

IE：oEvent.returnValue=false;

DOM：oEvent.preventDefault();

6.停止事件复制（冒泡）
IE：oEvent.cancelBubble=true;

DOM：oEvent.stopPropagation();

0 0