Chrome 中的 jQuery 事件调试

Question

我们有一个 JS 密集型 Web 应用程序，主要基于 jQuery 的 live绑定(bind)(事实上，我们从 jQuery v1.7 之前就开始这样做了)。

Chrome 的内置开发工具很棒，但是有一个问题不断发生，我总是发现几乎不可能用它们进行调试:有时我的 live 处理程序由于以下原因而不会被调用:较早的处理程序停止事件冒泡。

有什么方法可以告诉 Chrome(或者 Firebug 或其他扩展程序或小书签(最好是免费的!))在 jQuery 库代码之外的下一个事件处理程序上中断。这样我就可以简单地单击按钮并查看触发哪个事件，单步执行并查看何时意外停止传播？

如果没有，是否有充分的理由不这样做？这可以吗？

Answer 1

您可能会发现这很有用:http://www.sprymedia.co.uk/article/Visual+Event+2

Javascript bookmarklet called Visual Event which visually shows the elements on a page that have events subscribed to them, what those events are and the function that the event would run when triggered...

It turns out that there is no standard method provided by the W3C recommended DOM interface to find out what event listeners are attached to a particular node.... As such we are forced to looked at the individual Javascript libraries, which typically maintain a cache of attached events (so they can later be removed and perform other useful abstractions).