addEventListener方法

addEventListener 是 JavaScript 中用于向 DOM 元素添加事件监听器的方法。通过使用 addEventListener，您可以指定在特定事件发生时执行的函数，从而实现对用户交互或其他类型的事件的响应。

addEventListener 方法的语法如下：

element.addEventListener(event, listenerFunction, useCapture);

其中：

• element 是要添加事件监听器的 DOM 元素。
• event 是一个字符串，表示要监听的事件类型，例如 "click"、"keydown"、"submit" 等。
• listenerFunction 是一个回调函数，当事件发生时会被调用。该函数可以接收一个事件对象作为参数，其中包含有关事件的详细信息。
• useCapture 是一个可选的布尔值，表示事件是在捕获阶段（true）还是冒泡阶段（false，默认）触发监听器。通常使用默认值即可。

示例：在 JavaScript 中使用 addEventListener 添加点击事件监听器：

const button = document.getElementById('myButton');

function handleClick(event) {
  console.log('Button clicked!');
}

button.addEventListener('click', handleClick);

在这个示例中，addEventListener 将点击事件监听器绑定到 button 元素上，当按钮被点击时，handleClick 函数会被调用，并在控制台输出 "Button clicked!"。

注意事项：

• 使用 addEventListener 可以添加多个事件监听器，它们会按照添加的顺序执行。
• 如果需要移除事件监听器，可以使用 removeEventListener 方法。
• 为了避免内存泄漏，务必在不再需要监听事件时，手动移除事件监听器。

总之，addEventListener 是一种强大的机制，可以用于在 JavaScript 中实现对 DOM 元素的事件响应，从而创建丰富的交互式用户界面。