如何取消js事件监听
时间: 2023-10-27 15:09:15 浏览: 136
vuejs中监听窗口关闭和窗口刷新事件的方法
5星 · 资源好评率100%
要取消一个 JavaScript 事件监听器,可以使用 `removeEventListener()` 方法。该方法需要传递两个参数:事件类型和要取消的监听器函数。例如:
```javascript
function handleClick() {
console.log('按钮被点击了');
}
const button = document.querySelector('button');
button.addEventListener('click', handleClick);
// 取消监听器
button.removeEventListener('click', handleClick);
```
在上面的代码中,我们首先定义了一个名为 `handleClick` 的事件监听器函数,并将其添加到一个按钮的 `click` 事件上。然后,我们可以通过调用 `removeEventListener()` 方法来取消监听器。这将使得以后点击该按钮时不再触发 `handleClick` 函数。
阅读全文