如何在不克隆或访问事件侦听器创建的情况下从元素中删除事件侦听器？

Question

我正在通过网站建设者 Kajabi 帮助某人建立网站。 一些 JavaScript 代码默认包含在网站中，无法对其进行编辑。 我正在尝试删除窗口元素上的事件侦听器，但事件侦听器的创建发生在我无法编辑的代码中。 这段代码在其他任何事情之前都会触发，所以我也无法中断它。 在开发工具上，我追踪了事件处理程序并发现了这一点：

(o=g.handle)||(o=g.handle=function(t){return"undefined"!=typeof Ft&&Ft.event.triggered!==t.type?Ft.event.dispatch.apply(e,arguments):void 0})

这就是我可以在事件监听器上找到的所有信息。 我了解克隆可以删除事件侦听器，但是从窗口元素的子元素中删除所有侦听器会造成麻烦。

有小费吗？

Answer 1

从您发布的小代码中继续进行假设。 o是g.handle并且这是一个内联事件侦听器，因此如果您可以访问它们，您可以简单地覆盖它。

g.handle = false;

似乎代码正在从Ft变量的Ft.event.dispatch.apply(e,arguments)分派一个新事件。 它与 vanilla javascript 的.dispatchEvent()有点不同，但我假设它只是它的一个实现。

如果情况并非如此，并且还有其他地方正在使用.addEventListener()添加一个事件侦听器，但由于您没有对该函数的引用，您无法删除该事件侦听器，您可以进行浅克隆并将子代附加到克隆元素。 克隆的元素将丢失任何附加到addEventListener()的事件，但它们的子元素不受影响。 您只是将原始子项附加到新的克隆元素。

let oldElement = document.getElementById("toClone");

// - Shallow clone
let clone = oldElement.cloneNode(false);

// - Adding the original children to the clone
while (oldElement.firstChild) {
    clone.appendChild(oldElement.firstChild);
}

// - Replacing them
oldElement.parentNode.appendChild(clone);
oldElement.remove();