如何从事件监听器中的Chrome Console中提到的某些类别中删除所有事件监听器

Question

如何删除所有与在事件监听器中的Chrome控制台中看到的元素相关的事件监听器？

如果可以简化使用jQuery，就可以使用。

例如：

这是Chrome控制台中的标签。

您可以看到元素是<a>，但它也是<div>中的一些侦听器，每个侦听器旁边都有一个删除按钮。

我想复制类似“删除”按钮的内容，该按钮将从mouseleave和mouseenter类别中删除所有侦听器。

我尝试使用jQuery的.unbind('mouseleave mouseover')，但并未删除它们。

有什么方法可以访问一个类别的所有侦听器并将其删除？

Answer 1

您可以将其替换为克隆：

const el = document.querySelector(...)
el.parentNode.replaceChild(el.cloneNode(true), el)

然后，您可以重新连接仍然需要的已收听内容。