使用Chrome 15.0.865.0 开发版。Elements 面板上有一个“事件侦听器”部分：

以及“脚本”面板上的“事件侦听器断点”。使用鼠标 -> 单击断点，然后“进入下一个函数调用”，同时注意调用堆栈以查看哪个用户空间函数处理事件。理想情况下，你会用unminified一个替代的jQuery的精缩版，这样你就不必一步所有的时间和使用步过在可能的情况。

您还可以使用 Chrome 的检查器以另一种方式查找附加事件，如下所示：

1. 右键单击要检查的元素，或在“元素”窗格中找到它。
2. 然后在“事件侦听器”选项卡/窗格中，展开事件（例如“单击”）
3. 展开各种子节点以找到您想要的子节点，然后查找“处理程序”子节点所在的位置。
4. 右键单击“函数”一词，然后单击“显示函数定义”

这将带您到定义处理程序的位置，如下图所示，并由 Paul Irish 在此处解释：https : //groups.google.com/forum/#!topic/google- chrome-developer-tools/ NTcIS15uigA

尝试使用 jQuery Audit 扩展 ( https://chrome.google.com/webstore/detail/jquery-audit/dhhnpbajdcgdmbbcoakfhmfgmemlncjg )，安装后按照以下步骤操作：

1. 检查元素
2. 在新的 ' jQuery Audit ' 选项卡上展开 Events 属性
3. 选择您需要的活动
4. 从处理程序属性中，右键单击函数并选择“显示函数定义”
5. 您现在将看到事件绑定代码
6. 单击“漂亮打印”按钮以获得更易读的代码视图

（截至 2020 年最新）对于 Chrome 版本 83.0.4103.61：

1. 选择要检查的元素

2. 选择事件侦听器选项卡

3. 确保检查框架侦听器以显示真实的 javascript 文件而不是 jquery 函数。

编辑：代替我自己的答案，这个答案非常好：How to debug JavaScript/jQuery event bindings with Firebug (or similar tool)

Google Chromes 开发者工具在脚本部分内置了搜索功能

如果您不熟悉此工具：（以防万一）

• 右键单击页面上的任意位置（在 chrome 中）
• 单击“检查元素”
• 单击“脚本”选项卡
• 右上角的搜索栏

快速搜索 #ID 应该最终将您带到绑定函数。

例如：搜索#foo会带你到

$('#foo').click(function(){ alert('bar'); })