Question

I want to trace a button click event to know which functions are fired when the user clicks on a button send some data.

ex:

<input type="button" id="btnPost" onclick="fire(... , ...)" />

or

$("#btnPost").click(function() {
 // blah blah
});

In the above case I want to view the method fire or the jQuery code. Manual inspection is not possible due to the sheer size of the JavaScript.

What tools can assist with tracing JavaScript events?

Answer 1

I’d do this in Chrome, but should be possible in FF two.

• Load the page fully.
• Open developer tools
• Change to sources tab.
• Click the pause button (Nothing will happen just yet. Make sure
  break points are enabled, icon of the far right)
• Then click the button.

• Chrome should break into the very next javascript line executed by it.

  

EDIT: How to the same on Firefox with Firebug