如何查找附加到DOM元素的事件？

Question

Firebug默认只显示HTML和CSS。如何查找附加到DOM元素的事件？我想检查一个主题，但我不知道如何找到附加到DOM元素的事件，因为没有调试器。

Firebug执行代码而不显示任何内容。有没有办法展示这些事件？

Answer 1

这个

有一个通用的解决方案

• 按F12打开开发工具
• 单击“来源”选项卡
• 在右侧，向下滚动到＆＃34;事件监听器断点＆＃34;，然后展开树 单击要收听的事件。 *与目标元素交互，如果它们触发，您将在调试器中获得一个断点

Answer 2

如果您使用的是jQuery，则可以通过执行

获取HTML元素（不是jQuery对象或选择器）的所有已注册事件的列表

jQuery._data( elem, "events" );

在你的firebug控制台中。

点击here了解详情。

Answer 3

Firebug 2在Events side panel中有一个HTML panel，列出了附加到元素的所有事件。

它甚至可以显示包装的侦听器。即如果你使用像jQuery这样的库，你通常不希望看到jQuery的事件处理函数，而是你自己的函数，它以＆gt;为前缀。