JavaScript中onclick和addEventListener使用区别是什么？

本文共计980个文字，预计阅读时间需要4分钟。

目录 + 摘要 + 区别 + 同时绑定多个事件 + 决定事件触发顺序 + removeEventListener的使用方法 + 摘要 + 当我们想要给某个DOM元素绑定事件时，最常用的方法是使用on+事件名的方式。而在DOM2级中，可以通过事件监听器的方式绑定事件。

目录

• 摘要
• 区别
• 同时绑定多个事件
• 决定事件触发顺序
• removeEventListener的使用方法

摘要

当我们想要给某个DOM元素绑定事件的时候，最常用的方法是通过on + 事件名字的方式。而在DOM2级事件定义了两个方法，用于处理指定和删除事件处理程序的操作：

addEventListener()和removeEventListener().

并且它们都接受三个参数：要处理的事件名，作为事件处理的一个函数，一个布尔值。

最后的布尔值如果为false，表示在冒泡阶段调用事件处理函数，如果是true，表示在捕获阶段调用事件处理程序。