How do I find out what javascript runs when I click an element? [duplicate]

Answer 1

To locate a potential event handler for a particular element that has been added dynamically try performing a search in all sources of classnames and ids. Once you've found an event handler you can set a breakpoint and verify.

Google Chrome has a global search that works great.

Answer 2

I've used the Profiler in Chrome's debug tools for this purpose before.

Open the site in Chrome, F12 to get the debug tool open. In the tabs at the top of the tool, click Profiles.

Make sure Collect JavaScript CPU Profile is selected, and hit Start, then click on the polyline tool you're curious about, and hit Stop. The profiler should now list out all Javascript calls made while the profiler was active.

Firebug probably has something similar.

Answer 3

In Chrome Developer Tools click on the timeline tab, uncheck "Loading" and "Rendering", then click the record button (filled circle). Trigger your event by clicking on the button and then stop recording by clicking the circle again. Find your event in the timeline and expand it by clicking on the arrow beside it. On the left it will tell you which function the event called.

Answer 4

You can have a look at the "Event Listeners" panel in Chrome, it has detailed information about each listener attached to an element.

Answer 5

Open up your debugger and start the profiler. Click on what ever you want. Look at what the profiler and see what was called.