查看所有事件侦听器

在事件侦听器上遇到过某种冲突吗？或者只是想看看在页面上的同一操作上还执行了什么。根据您的浏览器，这可能是也可能不是内置功能。<​​/p>

内置于浏览器

在 Google Chrome 中，右键单击页面，转到检查元素。从那里，确保您在元素选项卡上并单击 HTML 块。在右侧边栏上，您将看到一个选项卡式部分，您可以在其中单击事件侦听器并查看文档正在侦听的操作。您可以进一步深入研究这些操作中的每一个，以查看初始声明发生的位置。
在 Internet Explorer 中，我相信它们具有类似的内置功能。在 FireFox 中，我认为它需要一个 FireBug 插件才能在浏览器中看到该功能。

getEventListeners

这是一种直接嵌入到 Chrome 和 Firebug for Firefox 中的方法。语法：getEventListeners(object)。因此，结合 jQuery，一个简单的示例是：

getEventListeners($('#container'));

只需直接进入开发人员控制台并输入该命令即可您希望查看其侦听器的元素。
getEventListeners Chrome
getEventListeners Firebug

jQuery

在 jQuery 中没有完全支持的方法来获取此信息.您可以通过以下方式访问 jquery 中的私有方法：

$._data($('[selector]')[0],'events');

将 [selector] 替换为您适当的元素参考。这不受公开支持，没有文档，并且它可能会在任何新版本的 jQuery 中停止运行，所以不要依赖它。如果您打算使用它，请仅将其用于调试。

Bookmarklet

如果以上都不适合你，有一个非常酷的书签可以让你在页面上看到听众所在的位置.如果你去这里，他们会提供书签以拖动到浏览器的栏。老实说，这是我最常使用的方式，因为我可以准确地看到听众在页面上的位置。