浏览器 - 移除监听事件

2019-11-27

描述

从一个元素上移除一个事件监听。

提示

• 使用 EventTarget.removeEventListener() 从一个元素上移除一个使用 EventTarget.addEventListener() 方法添加的事件监听
• 第四个参数 opts 的默认值使用 false，否则的话需使用监听事件被添加时候的选项

代码

const off = (el, evt, fn, opts = false) => el.removeEventListener(evt, fn, opts);

示例

当点击页面的时候不再打印 '!'：

const fn = () => console.log('!');
document.body.addEventListener('click', fn);
off(document.body, 'click', fn); 

返回总目录

每天 30 秒系列之 JavaScript 代码