addEventListener和attachEvent的区别

javascript有3重绑定事件监听的方式
1、


2、

document.getElementById('div')
3、使用addEventListener和attachEvent

今天主要想记录addEventListener和attachEvent的区别

  • 参数不同
    addEventListener(事件, 执行函数, 事件流(false冒泡, true捕获))
    attachEvent(事件,执行函数)
  • 浏览器支持不同
    addEventListener, ie不支持
    attachEvent,ie支持,但ie不支持捕获
  • 事件不同
    addEventListener,事件没有on
    attachEvent,事件有on
  • this的指向不同
    addEventListener,this指向window
    attachEvent,this指向正常
  • 执行顺序不同
    addEventListener 从上向下执行
    attachEvent 从下向上执行

你可能感兴趣的:(addEventListener和attachEvent的区别)