addEventListener和attachEvent的区别

javascript有3重绑定事件监听的方式
1、<div onclick="alert()"></div>
2、<div id="div"></div>
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 从下向上执行
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,646评论 1 45
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,530评论 1 11
  • 事件绑定的方式 给 DOM 元素绑定事件分为两大类:在 html 中直接绑定 和 在 JavaScript 中绑定...
    Bruce_zhuan阅读 1,055评论 0 6
  • 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy阅读 3,069评论 1 10
  • “妈妈”大概是这个世界上最让人感到温暖的词语,也是最容易触动人心的字眼。全世界那么多的不同语言,“妈妈”两个字的发...
    小优老师爱生活阅读 470评论 1 8