ie和dom事件流的区别

时间 2019-12-14

标签 dom 事件区别栏目 HTML 繁體版

原文原文链接

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 (先捕获后冒泡) 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为冒泡阶段。