查看事件监听器 - Javascript

Question

16

我想知道是否有可能在单个网页上查看：

1. 有多少个事件监听器

2. 每种事件监听器的类型

原因是我正在使用off();方法。

我正在使用这个框架，它基本上类似于 jQuery，但并不完全相同。

是的，我正在使用 off() 方法，但事件没有被移除，我有一种感觉元素上存在多个 eventListener。

如果在 JavaScript 中无法实现，那么在浏览器中是否可以实现？

- iConnor

3个回答

20

Chrome内置了一些工具。如果您打开元素检查器、聚焦于一个元素并滚动到右侧列的底部（CSS /度量等所在的位置），您应该会看到一个下拉菜单，其中标明“事件监听器”。这可以帮助一些……

我通常发现只需通过控制台向某些DOM元素添加事件监听器，然后查看是否有响应更容易。或者我在各个地方添加调试器（在设置监听器之前和监听器回调函数中）。我通常遇到的问题是我认为存在的选择器不存在，或者事件绑定得太早而错过了选择器。

- Parris

太棒了，我没有意识到这里面有这么多信息，非常感谢。 - iConnor

1

- Robbie

还有一个 Chrome 扩展程序，它使用相同的代码 https://chrome.google.com/webstore/detail/visual-event/pbmmieigblcbldgdokdjpioljjninaim - Dhaval

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- iConnor · Accepted Answer

许久之后...

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

在console里这么简单

getEventListeners(yourElement);