您现在的位置:首页 >> 前端 >> 内容

IE与DOM事件流的区别

时间:2017/9/9 9:10:00 点击:

  核心提示:1.事件流的区别IE采用冒泡型事件Netscape使用捕获型事件DOM使用先捕获后冒泡型事件示例:body p button事件流/button /p /body 冒泡型事件模型: button-p-...
1.事件流的区别

IE采用冒泡型事件

Netscape使用捕获型事件

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

示例:

<body> 
<p> 
<button>事件流</button> 
</p> 
</body> 

冒泡型事件模型: button->p->body (IE事件流)

捕获型事件模型: body->p->button (Netscape事件流)

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

2.事件侦听函数的区别

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


						

Tags:IE E与 与D DO 
作者:网络 来源:wangchengi