如何删除元素中的所有侦听器？ [英] How to remove all listeners in an element?

问题描述

我有一个按钮，我向它添加了一些 eventlistners ：

I have a button, and I added some eventlistners to it:

document.getElementById("btn").addEventListener("click", funcA, false);
document.getElementById("btn").addEventListener("click", funcB, false);
document.getElementById("btn").addEventListener("click", funcC, false);
document.getElementById("btn").addEventListener("blur" , funcD, false);
document.getElementById("btn").addEventListener("focus", funcE, false);

<button id="btn">button</button>

我可以删除它们：

document.getElementById("btn").removeEventListener("click",funcA);

如果我想要立即删除所有侦听器，或者我没有该功能，该怎么办？引用（ funcA ）？有没有办法做到这一点，或者我必须逐个删除它们？

What if I want I want to remove all listeners at once, or I don't have the function reference (funcA)? Is there a way of doing that, or I have to remove them one by one?

推荐答案

我认为最快的方法是这样做只是克隆节点，这将删除所有事件侦听器：

I think that the fastest way to do this is to just clone the node, which will remove all event listeners:

var old_element = document.getElementById("btn");
var new_element = old_element.cloneNode(true);
old_element.parentNode.replaceChild(new_element, old_element);

请注意，因为这也会清除相关节点的所有子元素上的事件侦听器，因此，如果你想保留它，你将不得不求助于一次一个地删除监听器。

Just be careful, as this will also clear event listeners on all child elements of the node in question, so if you want to preserve that you'll have to resort to explicitly removing listeners one at a time.

这篇关于如何删除元素中的所有侦听器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！