jquery - 如何找到链接到 jQuery 选择器的点击事件？

Question

如果我有以下 HTML 标记：

<div class="foo">bar</div>

如何找到链接到此元素/jQuery 选择器的点击事件？

有没有办法可以使用 Google Chrome 控制台获取文件位置列表或其他内容？

---

假设我有以下 jQuery：

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

$("div").click(function(){
  //do something else
});

$("table").click(function(){
  //do something else
});

我想要类似的东西：

foob​​ar.js（第 1 行）

foob​​ar.js（第 4 行）

Answer 1

这段代码应该会有所帮助。它基于此链接。这是你想要的吗？

// List bound events:
console.dir( jQuery('#elem').data('events') );

// Log ALL handlers for ALL events:
jQuery.each($('#elem').data('events'), function(i, event){
    jQuery.each(event, function(i, handler){
        console.log( handler.toString() );
    });
});

Answer 2

有一种叫做Visual Event的东西。您可以知道附加到 DOM 元素的所有事件处理程序。