在检查员中查找有界事件

Question

我一直想知道很长一段时间。有没有办法在Chrome中查看哪些事件绑定到元素？因为很多人现在使用jQuery，语法如下：

$("a.subtle").click(function(){
    //do something
});

检查员有办法轻松找到这段代码吗？我知道在检查器中你可以转到“事件监听器” - 标签来查看绑定的事件。看一个例子，我可以看到元素上有一个click事件，旁边有jQuery的js文件，所以这必须以某种方式指向它，但当然它被所有的jQuery代码所掩盖。以下是我正在看的内容：

所以问题是，有没有一种快速的方法来找到应用于元素的jQuery代码？为了清楚起见，我想快速找到我在上面发布的代码。

我可以在源代码中搜索该类的.click()，但当然可以通过其父级或.on()或者通过如此多的方式来完成。

Answer 1

查看Visual Event bookmarklet。

---

以下是他们网站的引用：

  

Visual Event是一个开源的Javascript书签，它提供有关已附加到DOM元素的事件的调试信息。

     

视觉事件显示：

     

  
• 哪些元素附加了事件。
  
• 附加到元素的事件类型。
  
• 将触发[sic]事件运行的代码。
  
• 定义附加功能的源文件和行号（Webkit浏览器和仅限Opera）。