我需要调试一个Web应用程序，该应用程序使用jQuery执行一些相当复杂和混乱的DOM操作.在某一点上，一些绑定到特定元素的事件不会被触发，而只是停止工作.
如果我有能力编辑应用程序源代码，我会向下钻取并添加一组Firebug,console.log()个语句，并注释/取消注释代码片段，以try 查明问题所在.但是让我们假设我不能编辑应用程序代码，需要完全使用Firebug或类似工具在Firefox中工作.
Firebug非常擅长让我导航和操作DOM.不过，到目前为止，我还没有弄清楚如何使用Firebug进行事件调试.具体来说，我只想看到在给定时间绑定到特定元素的事件处理程序列表(使用Firebug JavaScript断点跟踪更改).但要么Firebug没有看到绑定事件的能力，要么我太笨了，找不到它.:-)
有什么建议或 idea 吗？理想情况下，我只想查看和编辑绑定到元素的事件，类似于我今天编辑DOM的方式.
见How to find event listeners on a DOM node.
简而言之，假设在某个时刻将一个事件处理程序附加到您的元素(例如:$('#foo').click(function() { console.log('clicked!') });
你这样判断它:
jQuery 1.3.十、
var clickEvents = $('#foo').data("events").click;
jQuery.each(clickEvents, function(key, value) {
console.log(value) // prints "function() { console.log('clicked!') }"
})
jQuery 1.4.x
var clickEvents = $('#foo').data("events").click;
jQuery.each(clickEvents, function(key, handlerObj) {
console.log(handlerObj.handler) // prints "function() { console.log('clicked!') }"
})
请参见jQuery.fn.data(其中jQuery在内部存储您的处理程序).
jQuery 1.8.x
var clickEvents = $._data($('#foo')[0], "events").click;
jQuery.each(clickEvents, function(key, handlerObj) {
console.log(handlerObj.handler) // prints "function() { console.log('clicked!') }"
})