【笔记】JS清除节点的事件监听

发表于 更新于 阅读次数：

前言

JS清除节点的事件监听

清除节点绑定的指定监听函数

  • 通过removeEventListener()函数清除节点绑定的指定监听函数
1
2
3
4
5
6
function onClick() {
  ...
}

document.body.addEventListener("click", onClick);
document.body.removeEventListener("click", onClick);

清除节点的所有事件监听

  • 通过拷贝节点的方式实现清除节点的所有事件监听

old_node：旧的节点对象
new_node：旧的节点对象

1
2
3
4
5
6
// 通过旧的节点深拷贝一个新的节点
new_node = old_node.cloneNode(true);
// 将新的节点也放在与旧的节点同级
old_node.parentNode.append(new_node);
// 删除旧的节点
old_node.parentNode.removeChild(old_node);

完成

参考文献

mozilla
segmentfault——穷凶极恶丶带恶人