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

【问题标题】：How to find event attached to a DOM element?如何查找附加到 DOM 元素的事件？
【发布时间】：2015-09-18 21:31:40
【问题描述】：

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

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

【问题讨论】：

在 chrome 的开发工具中，转到“元素”选项卡。在右侧，您会看到 Styles、Computed、Event Listeners.... 在那里您将获得每种事件类型的所有绑定侦听器，在那里找到您需要的。
提问者要求的是 Firebug 中的功能，而不是 Chrome DevTools。

【解决方案1】：

有一个通用的解决方案

【讨论】：

【解决方案2】：

如果你使用的是 jQuery，你可以通过执行获取一个 HTML 元素（不是 jQuery 对象或选择器）的所有注册事件的列表

jQuery._data( elem, "events" );

在你的萤火虫控制台中。

点击here了解更多详情。

【讨论】：

【解决方案3】：

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

它甚至显示封装的侦听器。 IE。如果你使用像 jQuery 这样的库，你通常不想看到 jQuery 的事件处理函数，而是你自己的，它以 > 为前缀显示。

【讨论】：