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

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”或“事件”图标。单击将显示绑定到该元素的所有事件侦听器的列表。

MDN - Examine Event Listeners