IE和DOM事件的区别

最新推荐文章于 2020-11-04 20:06:09 发布

qq_29069777

最新推荐文章于 2020-11-04 20:06:09 发布

阅读量120

点赞数

分类专栏：前端文章标签： ie和dom事件的区别

原文链接：https://www.mk2048.com/blog/blog.php?id=hhbii02iakaa&title=IE%E5%92%8CDOM%E4%BA%8B%E4%BB%B6%E7%9A%84%E5%8C%BA%E5%88%AB

版权

前端专栏收录该内容

1175 篇文章 2 订阅

订阅专栏

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为冒泡阶段。

更多专业前端知识，请上【猿2048】www.mk2048.com