查看事件监听器 - Javascript

Posted 2023-02-22

【中文标题】查看事件监听器 - Javascript

【英文标题】：View event listeners - Javascript

【发布时间】：2013-07-21 15:19:44

【问题描述】：

我想知道是否可以查看

1.多少个事件监听器

2。什么类型的事件监听器

在单个网页上。

原因是因为我使用的是off(); 方法。

我正在使用这个 framework，它基本上是 jQuery 但不是。

是的，我正在使用 off，但 event't 没有被删除，而且我感觉元素上有多个 eventListener。

如果用 javascript 不可以，在浏览器中可以吗？

【参考方案1】：

过了很久……

我在 Chrome DevTools 中发现了一些新东西。

console中就这么简单

getEventListeners(yourElement);

文档：https://developers.google.com/chrome-developer-tools

【讨论】：

但是监听的实际函数定义在哪里。我只看到一个巨大的对象树。我想知道事件到底触发了什么。

【参考方案2】：

Chrome 有一些内置工具。如果您打开元素检查器，关注一个元素，滚动到右侧列的底部（CSS/Metrics/etc 所在的位置），您应该会看到一个显示事件侦听器的下拉部分。这可以帮助一些人......

通常我发现通过控制台将事件侦听器添加到某些 DOM 元素并查看它是否响应更容易。或者我在不同的地方投入调试器（在设置监听器之前，以及在监听器的回调中）。我通常遇到的问题是我认为存在的选择器不存在，或者事件绑定得太早而错过了选择器。

【讨论】：

太好了，我没有意识到它在那里提供了很多信息，谢谢。

【参考方案3】：

您可以使用 Visual Event 书签：http://www.sprymedia.co.uk/article/Visual+Event+2

【讨论】：

还有一个 chrome 扩展，它使用相同的代码 chrome.google.com/webstore/detail/visual-event/…