How to debug events on a page using jQuery

Question

From time to time, some functions on the site I use will be broken / annoyed by the behavior that I want to change with the greasemonkey script. When I try to debug a site using firebug to find out which code is being called from the event using "Break On Next", firebug simply breaks immediately to show some jQuery code that always works. For example, http://pc.ign.com/ does this. Are there any solutions? I just want to see what code works as a result of a mouse click or keystroke, but it is not possible to use "Break On Next" because jQuery always starts something.

Answer 1

The additional information you can find on the link I provided also contains additional debugging options. Hope this helps you.

http://thecodecentral.com/2007/08/01/debug-javascript-with-firebug

Answer 2

When dealing with jQuery related events, I highly recommend firequery.
It will show jQuery event bindings in the dom inspector and allow you to jump to the appropriate code.
However, this is not a particularly close solution, and I myself often find myself in accordance with your previous process.