我需要调试一个web应用程序，使用jQuery做一些相当复杂和混乱的DOM操作。在某一时刻，一些绑定到特定元素的事件没有触发，只是停止工作。
如果我有编辑应用程序源代码的能力，我将深入并添加一堆Firebug console.log()语句和注释/取消注释代码段，以试图查明问题。但是让我们假设我不能编辑应用程序代码，并且需要使用Firebug或类似的工具完全在Firefox中工作。
Firebug非常擅长让我导航和操作DOM。不过，到目前为止，我还没有弄清楚如何使用Firebug进行事件调试。具体来说，我只想看到在给定时间绑定到特定元素的事件处理程序列表(使用Firebug JavaScript断点跟踪更改)。但是，要么Firebug没有看到绑定事件的能力，要么我太笨了，找不到它。: -)
有什么建议或想法吗?理想情况下，我只希望查看和编辑绑定到元素的事件，类似于我现在编辑DOM的方式。
当前回答
使用美元。_data(htmlElement，“事件”)在jquery 1.7+;
ex:
美元。_data(文档,“事件”)或._data美元($ (' .class_name ') . get(0),“事件”)
其他回答
元素旁边的Ev图标
在Firefox开发人员工具的检查面板中列出了绑定到元素的所有事件。
首先用Ctrl + Shift + C选择一个元素，例如Stack Overflow的upvote箭头。
点击元素右侧的ev图标，会打开一个对话框:
单击所需事件的暂停符号||符号，这将在处理程序所在行打开调试器。
现在，您可以像往常一样在调试器中设置断点，只需单击该行的左侧空白即可。
这是在https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_event_listeners上提到的
不幸的是，我找不到一种方法来很好地发挥美化，它似乎只是在缩小线:如何美化Javascript和CSS在Firefox / Firebug?
在Firefox 42上测试。
正如同事建议的，console.log > alert:
var clickEvents = $('#foo').data("events").click;
jQuery.each(clickEvents, function(key, value) {
console.log(value);
})
有一个很好的书签工具叫做Visual Event，它可以显示附加到元素上的所有事件。它为不同类型的事件(鼠标、键盘等)提供了颜色编码的高亮显示。当你将鼠标悬停在它们上时，它会显示事件处理程序的主体，它是如何附加的，以及文件/行号(在WebKit和Opera上)。您也可以手动触发该事件。
它不能找到每个事件，因为没有标准的方法来查找附加到元素上的事件处理程序，但它与jQuery、Prototype、MooTools、YUI等流行库一起工作。
根据这个线程，在Firebug中无法查看DOM元素上的侦听器附加了哪些事件。
看起来最好的方法是按照tj111的建议，或者右键单击HTML查看器中的元素，然后单击“Log Events”，这样就可以看到针对特定DOM元素触发了哪些事件。我想人们可以这样做，看看是什么事件触发了特定的函数。
我还在chrome商店里找到了jQuery调试器。您可以单击一个dom项，它将显示所有绑定到该dom项的事件以及回调函数。我正在调试一个事件没有被正确删除的应用程序，这帮助我在几分钟内追踪到它。显然这是针对chrome，而不是firefox。
