Anonim

曾经在事件监听器上发生过某种冲突吗? 或者只想查看页面上同一操作上正在执行的操作。 根据您的浏览器,这可能是内置功能,也可能不是内置功能。

内置于浏览器

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

getEventListeners

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

getEventListeners($('#container'));

只需直接转到开发人员控制台,然后为想要查看其侦听器的任何元素键入该命令。
getEventListeners Chrome
getEventListeners Firebug

jQuery的

不再完全支持在jQuery中获取此信息的方法。 您可以通过以下方法在jquery中访问私有方法:

$ ._ data($(''),'事件');

替换为适当的元素引用。 它不受公共支持,也没有文档,并且可能会在jQuery的任何新发行版中停止运行,因此请不要依赖它。 如果要使用它,请将其仅用于调试。

书签

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

查看所有事件监听器