使用Jquery的Chrome中的事件监听器

Question

我正在使用“事件监听器”来检查附加到我的DOM对象的事件。但是，当使用jQuery附加事件时，我看到的只是jquery-1.8.3.min.js，有没有办法解决这个问题？

Answer 1

在开发人员工具设置中将jQuery和Chrome扩展添加到框架黑盒中。

Chrome Developer Tools > Settings (F1) > General > Manage framework blackboxing...

选中Blackbox content scripts以停用Chrome扩展程序上的断点，并将/.*jquery.*\.js$添加到应设置为黑盒子的URI模式中。

现在在开发人员工具的Sources选项卡中打开右侧的Event Listener Breakpoints列表，并检查要中断脚本的事件，这将停止脚本执行你的脚本＆＃ 39;已经写过使用jQuery附加事件。

另一种黑名单库的快捷方法是右键单击Call Stack标签中Sources的名称。它会在您添加事件侦听器断点时显示。

Answer 2

当您使用jQuery附加事件处理程序时，jQuery函数实际上作为事件处理程序附加（当事件发生时它会调用您的事件处理函数）。所以，如果你查看一个通用的调试器，它会告诉你什么，这就是你所看到的。

对于调试器，jQuery只是javascript，它向您显示javascript附加了事件处理程序。没有办法让调试器为jQuery事件处理程序显示不同的东西。

jQuery库本身具有以编程方式查询jQuery事件处理程序附加到给定对象的方法。如何做到这一点因jQuery版本而异，但您可以在这里看到它的工作原理：Can I find events bound on an element with jQuery?