how to determine which JavaScript events are being triggered

Question

As the title says, how can I find what JavaScript events are being triggered as I interact with a webpage?

Answer 1

Firebug extension of firefox is a great piece of software to let you know about that and many other things. Also here are couple of links to help you:

http://stackoverflow.com/questions/718795/debugging-js-events-with-firebug

http://www.dustindiaz.com/event-capturing-evil/

Answer 2

when you have firebug installed, the following functions will gather data of all the javascript functions being triggered, and how much time is spent executing them:

console.profile([title])

Turns on the JavaScript profiler. The optional argument title would contain the text to be printed in the header of the profile report.

console.profileEnd()

Turns off the JavaScript profiler and prints its report.

More info can be found at http://getfirebug.com/console.html

Answer 3

Use the Stack Tab in Firebug. Put a debugger somewhere , and in the Script tab , at the right hand side , there are three tabs also . Look at the Stack tab to see the details.

Answer 4

All these posts are useful , firebug of course , and I suggest from personal experience this screen-cast helped me , its called "event delegation in jquery"