如何在 JavaScript 中取消注册匿名事件监听器？

取消注册匿名事件监听器

在 JavaScript 中使用带有匿名函数的 addEventListener 方法附加事件监听器时，可能需要删除那些听众稍后再说。然而，目前还不清楚如何在不替换元素本身的情况下做到这一点。

方法：

不幸的是，没有直接的方法来删除匿名事件连接后监听器。这是因为匿名函数不具有可用于删除的引用。

解决方法：

实际的解决方法是将事件处理程序的引用存储在创造的时间。这可以通过将匿名函数分配给关联对象的变量或属性来实现。例如：

<code class="javascript">const myElement = document.querySelector('.my-element');

// Store a reference to the event handler
const myEventHandler = function () { /* do work here */ };

// Attach the event listener
myElement.addEventListener('click', myEventHandler, false);</code>

删除：

一旦不再需要事件处理程序，您可以使用removeEventListener方法并传递存储的引用来删除它：

<code class="javascript">myElement.removeEventListener('click', myEventHandler);</code>

通过遵循这种方法，您可以有效地取消注册匿名事件侦听器，而无需替换元素或诉诸不太理想的解决方案。

以上是如何在 JavaScript 中取消注册匿名事件监听器？的详细内容。更多信息请关注PHP中文网其他相关文章！