javascript - Inspect attached event handlers for any DOM element

Question

Is there any way to view what functions / code are attached to any event for a DOM element? Using Firebug or any other tool.

Answer 1

The Elements Panel in Google Chrome Developer tools has had this since Chrome releases in mid 2011 and Chrome developer channel releases since 2010.

Also, the event listeners shown for the selected node are in the order in which they are fired through the capturing and bubbling phases.

Hit command + option + i on Mac OSX and Ctrl + Shift + i on Windows to fire this up in Chrome