Firefox扩展，找出哪个Javascript事件绑定到被检查的元素？视觉事件2

Question

可以将Javascript事件绑定到html元素，而无需使用内联声明。

检查html元素是否有办法知道哪些事件绑定到元素？我想知道开发人员定义的事件，而不是浏览器附带的内部事件。

因此，如果我将鼠标悬停在元素上并显示菜单，我想知道哪种方法导致了它。

我一直在使用代码检查器尝试事件间谍，但它记录了太多的内部代码，除非我没有正确使用它。

Answer 1

Visual event 2

（来源：tinygrab.com）

Visual Event是一个开源的Javascript书签，它提供有关已附加到DOM元素的事件的调试信息。

Answer 2

在Firefox核心（bug 448602）中无法枚举添加了addEventListener的侦听器。

可能有解决方法，但我不知道。另见How to find event listeners on a DOM node when debugging or from the JavaScript code?

[编辑]哦等等，确定“哪些事件被绑定”？你的意思是哪个事件可以在节点上触发？如果是这样，你应该澄清你的问题。

Answer 3

从Firefox 33中，此功能已添加到firefox-developer-tools中的检查器中。您可以在具有事件侦听器的元素旁边看到“ev”或“event”图标。单击它会显示绑定到该元素的所有事件侦听器的列表。

MDN - Examine Event Listeners