onclick与addeventlistener（click）的区别

1.onclick事件在同一时间只能指向唯一对象
2.addEventListener对任何DOM都是有效的，而onclick仅限于HTML
3.addEventListener可以控制listener的触发阶段，（捕获/冒泡）。对于多个相同的事件处理器，不会重复触发，不需要手动使用removeEventListener清除
4.onclick添加多次以后，后边的会覆盖前边的，addEventListener则可以给多个事件添加listener

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • 十二、事件
      JavaScript 与 HTML 之间的交互是通过事件实现的。   事件，就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,925评论 1赞 11
  • 从屌丝到架构师的飞越（JavaScript篇）-JavaScript 事件
    一、介绍 这节课呢，我们来了解的是JavaScript 事件。 HTML 事件是发生在 HTML 元素上的事情。 ...
    走着别浪阅读 3,514评论 1赞 10
  • JavaScript中的事件处理机制
    以下文章为转载，对理解JavaScript中的事件处理机制很有帮助，浅显易懂，特分享于此。 什么是事件？ 事件(E...
    jxyjxy阅读 8,227评论 1赞 10
  • 事件模型
    事件是一种异步编程的实现方式，本质上是程序各个组成部分之间的通信。DOM支持大量的事件，本节介绍DOM的事件编程。...
    许先生__阅读 4,535评论 0赞 3
  • DOM模型（六）—— 事件模型
    事件是一种异步编程的实现方式，本质上是程序各个组成部分之间的通信。DOM支持大量的事件，本节介绍DOM的事件编程。...
    周花花啊阅读 3,798评论 0赞 3

友情链接更多精彩内容