HTML DOM的addEventListener()方法是用来向指定元素添加事件监听器的函数。通过这个方法，可以指定事件类型和事件发生时执行的函数。该方法有三个参数，分别是事件类型、执行的函数和一个可选的布尔值，用来确定事件是在捕获阶段还是冒泡阶段被处理。通过这个方法，可以动态地向元素添加事件监听器，实现与用户交互的功能。
HTML DOM addEventListener() 方法
HTML DOM addEventListener() 方法用于向指定的元素添加事件监听器。在特定事件触发时，可以执行指定的函数。
addEventListener() 方法可以添加多个事件监听器，并且不会覆盖已存在的监听器。多个函数会按照添加的顺序执行。
语法
addEventListener() 方法的语法如下：
element.addEventListener(event, function, useCapture);
参数说明：
- event：表示所要监听的事件类型，比如 “click”、”mouseover” 等。
- function：表示当事件发生时所要执行的函数。
- useCapture：可选，布尔值，表示事件是否在捕获阶段进行处理。默认为 false。
示例
以下示例演示了如何使用 addEventListener() 方法给按钮添加点击事件监听器：
// HTML 代码
<button id="myButton">点击我</button>
// JavaScript 代码
var button = document.getElementById("myButton");
button.addEventListener("click", function(event) {
console.log("按钮被点击了！");
});
上述代码中，我们通过 getElementById() 方法获取了按钮元素，并使用 addEventListener() 方法为其添加了一个点击事件监听器。当按钮被点击时，浏览器会在控制台输出 “按钮被点击了！”。
可以看到，通过 addEventListener() 方法，我们可以很方便地给元素添加事件监听器，并在特定的事件触发时执行相应的函数。
注意事项
在使用 addEventListener() 方法时，需要注意以下几点：
- 如果需要在捕获阶段进行事件处理，可以将 useCapture 参数设置为 true。
- 通过 addEventListener() 方法添加的事件监听器，可以随时移除。
- 添加的事件监听器函数可以访问事件对象 event，通过 event.target 可以获取触发事件的元素。
- 可以使用 removeEventListener() 方法移除已存在的事件监听器。
- addEventListener() 方法支持所有 HTML 元素，不仅限于按钮等交互元素。
总结：
HTML DOM addEventListener() 方法是一个强大的方法，它允许我们向元素添加事件监听器，并在特定事件触发时执行相应的函数。通过 addEventListener() 方法，我们可以实现更加灵活和高效的事件处理，提升用户的交互体验。
