IE和DOM事件的区别

Posted manshufeier

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IE和DOM事件的区别相关的知识,希望对你有一定的参考价值。

1、事件流的区别

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

<body> 
<div> 
<button>点击这里</button> 
</div> 
</body> 

冒泡型事件模型: button->div->body (IE事件流)
捕获型事件模型: body->div->button (Netscape事件流)
DOM事件模型: body->div->button->button->div->body (先捕获后冒泡)

1、事件监听函数的区别

IE使用:
[Object].attachEvent("name_of_event_handler", fnHandler); //绑定函数
[Object].detachEvent("name_of_event_handler", fnHandler); //移除绑定

DOM使用:
[Object].addEventListener("name_of_event", fnHandler, bCapture); //绑定函数
[Object].removeEventListener("name_of_event", fnHandler, bCapture); //移除绑定
bCapture参数用于设置事件绑定的阶段,true为捕获阶段,false为冒泡阶段。











以上是关于IE和DOM事件的区别的主要内容,如果未能解决你的问题,请参考以下文章

IE和DOM事件的区别

IE和DOM事件流的区别

IE和DOM事件流的区别

事件处理程序DOM0,DOM2,IE的区别总结

DOM绑定事件处理函数区别

JS面试题汇总