跳至主要內容

JavaScript IE、chrome 事件监听

h7ml小于 1 分钟

JavaScript IE、chrome 事件监听

绑定事件

chrome

addEventListener('click', fn, false);
  • 事件(不带 on),函数
  • 默认 false 冒泡触发,true 捕捉阶段触发

IE

attachEvent('onclick', fn);
  • 事件(带 on),函数

解绑事件

removeEventListener(oEvent, fn); // chrome
detachEvent(oEvent, fn); // IE

区别:

  • 事件:chrome 不带 on IE 带 on
  • 函数执行顺序:chrome 顺序执行 IE 逆序执行
  • 是否支持捕捉触发:chrome 支持 IE 只支持冒泡
  • this 指向:chrome 调用对象 IE window 对象

兼容

el.addEventListener ? el.addEventListener(event, fn, false) : el.attachEvent('on' + event, fn);
el.removeEventListener ? el.removeEventListener(event, fn) : el.detachEvent('on' + event, fn);