js的removeEventListener用法
时间: 2023-10-20 10:15:18 浏览: 34
addEventListener 是用来给一个元素添加事件监听器,而 removeEventListener 则是用来移除一个已经添加的事件监听器。它的用法如下:
```javascript
element.removeEventListener(event, listener[, options]);
```
其中,event 是要移除的事件类型,listener 是要移除的事件处理函数,options 是一个可选的对象,用于指定事件监听器的一些选项。
需要注意的是,移除事件监听器时,传入的 listener 必须是与添加事件监听器时使用的同一个函数,否则无法移除监听器。同时,如果添加事件监听器时使用了 options,那么在移除监听器时也必须使用相同的 options。
示例代码如下:
```javascript
function handleClick() {
console.log('Button clicked');
}
const button = document.querySelector('button');
button.addEventListener('click', handleClick);
// 移除事件监听器
button.removeEventListener('click', handleClick);
```
在上面的示例中,我们首先定义了一个 handleClick 函数作为按钮的点击事件处理函数,然后使用 addEventListener 方法将其添加为按钮的 click 事件监听器。最后,我们使用 removeEventListener 方法将其移除。