addeventlistener

`addEventListener` 是JavaScript中一个非常重要的方法，用于向指定元素添加事件监听器，以便在发生特定事件时执行代码。它属于事件委托机制的一部分，允许你为同一个元素设置多个事件处理程序，而且可以灵活地控制事件的捕获或冒泡阶段。使用`addEventListener`比早期的`attachEvent`方法有更多优势，比如可以给同一个事件添加多个监听器，而且可以明确指定事件是在捕获阶段还是冒泡阶段触发。

`addEventListener`的基本用法如下：

element.addEventListener(eventType, handler, useCapture);

- `eventType` 是一个字符串，表示要监听的事件类型，例如 `"click"`、`"mouseover"` 等。
- `handler` 是事件触发时要执行的函数。
- `useCapture` 是一个可选的布尔值，指定事件是在捕获阶段还是冒泡阶段触发，如果设置为`true`，则表示在捕获阶段触发；如果设置为`false`（默认值），则表示在冒泡阶段触发。

使用`addEventListener`的好处包括：
1. 不影响其他脚本中的事件监听器。
2. 可以通过`removeEventListener`移除事件监听器。
3. 可以为同一个事件注册多个监听器。
4. 可以在同一个元素上监听同一类型的多个事件。

相关问题

addEventListener

addEventListener 是一个 JavaScript 方法，用于向指定的 DOM 元素添加事件监听器。它有三个参数：事件类型、事件触发时要调用的函数、以及一个可选的布尔值，指示事件是否在捕获或冒泡阶段处理。例如：

const button = document.getElementById('myButton');
button.addEventListener('click', function() {
  alert('Button clicked!');
});

这段代码将添加一个事件监听器，当 id 为 myButton 的按钮被点击时，弹出一个警告框。