`addEventListener` 是一个在 JavaScript 中经常使用的函数,它用于将事件处理程序附加到 HTML 元素。下面是其基本用法:
```javascript
element.addEventListener(event, function);
```
这里有两个参数:
* `event`:一个字符串,表示你想要监听的事件类型(如 "click","mouseover","keydown" 等)。
* `function`:一个回调函数,当指定的事件发生时会被调用。这个函数通常是一个匿名函数或一个已定义的函数。在这个函数中,你可以定义当事件发生时应该执行的代码。
例如,假设你有一个按钮元素,你想在用户点击它时执行一些操作,你可以这样使用 `addEventListener`:
```javascript
var button = document.getElementById("myButton"); // 获取元素
button.addEventListener("click", function() { // 添加点击事件监听器
console.log("按钮被点击了!"); // 当按钮被点击时执行的代码
});
```
你还可以添加多个事件监听器来监听同一事件或不同类型的事件。此外,你还可以传递额外的参数给事件处理程序函数(比如事件对象本身),或使用匿名函数直接在 `addEventListener` 调用中定义处理逻辑。此外,如果你想要移除已经添加的事件监听器,你可以使用 `removeEventListener` 方法。需要注意的是,你需要保存对事件处理程序的引用,以便之后可以移除它。