在检查页面的 DOM 时，我想快速了解元素的附加事件
例如，如果一个按钮具有此 HTML DOM
<button id="button1">Click Me</button>
在某个地方(不是在我事先知道的地方)它附加了一个事件，例如
$("#button1").click(function(){...});
我知道它可以通过编程来完成(Can I find events bound on an element with jQuery?)
但是有没有办法只使用 Chrome/Firefox/IE 的开发者工具之一来查看事件列表？
<小时/>更新:我发现在较新的 Chrome 版本中，我有一个名为 EventListeners 的选项卡，但它似乎不允许轻松地向下钻取到事件的来源，因为 jQuery 包装了原始事件
最佳答案
获取第一个 $("#button1") 元素上的第一个附加处理程序
$._data($("#button1").get(0),"events").click[0].handler
没人想听的长故事: 我来这里是为了寻找插件。我很高兴看到 @schmidlop 的答案，但在 jQuery 中，它实际上并没有给我我正在寻找的监听器，它只是显示最终调用特定回调的 jQuery 事件的通用处理程序。我仍在寻找一个 Chrome 插件，它允许我右键单击某个元素，并让我深入了解附加到该对象的处理程序。
因为那会很酷。
更新:
我发现了一个名为 jQuery Debugger 的 Chrome 扩展。您只需“检查元素”并从“元素”子菜单中选择“jQuery 事件”... https://chrome.google.com/webstore/detail/jquery-debugger/dbhhnnnpaeobfddmlalhnehgclcmjimi 
关于jquery - 使用 Chrome 开发工具/Firebug/IE 开发工具栏查找元素的附加/绑定(bind)事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11065358/