javascript - 如何使用 JavaScript 在 DOM 节点上查找事件监听器

Question

我仍然无法相信这是不可能的，但有没有办法循环遍历 dom 并查看使用“addEventListener”附加的所有事件处理程序。 This post许多其他人说不。

如果是这样的话，那么像 Chrome 的检查器或 Firebug 这样的应用程序如何显示它们，它们会做什么？我猜他们可能会以某种方式增强 dom 的方法，以便他们可以跟踪绑定(bind)的内容。

Answer 1

Chrome 的控制台有一个方法可以帮助您检查 dom 节点是否注册了任何事件监听器，例如检查附加到文档节点的事件监听器使用:

https://developers.google.com/chrome-developer-tools/docs/commandline-api#geteventlistenersobject

getEventListeners(document);

您可以递归地遍历所有 dom 节点，并在需要时找到所有附加的事件处理程序。