Find out which Javascript function is fired on click

Is there a way to find out which Javascript function is fired by click on a certain button?

Let me explain …
I have a web page with a large js script (not made ​​by me), I’ve to detect which function is triggered by a specific button, I need to find the function triggered by this button.

Use Chrome’s Web Inspector to inspect the element and check out the Event Listeners panel.

Web Inspector Example

If the code attaching the event is in a library (for example, by Zepto in my example), set a breakpoint on the line and examine the call stack to see where it originated in your code.

Call stack example

As you can see, the event has originated in my code and now I know the filename and line number.

In Google Chrome, open your web page of interest.

Right-click on the element(i.e a button) you want to inspect. In the ‘context menu’ that appears, click ‘Inspect’. A ‘Developer tools’ window will appear.

  1. Click the ‘Elements’ tab.
  2. Click the HTML element you wish to inspect if not already selected.
  3. Click on the ‘Event Listeners’ tab. A full list of listeners will show up.
  4. Select the event listener you’re interested in. i.e ‘click’. A call stack will show up.
  5. Click on the last item in the call stack. This will finally redirect you to that actual function that gets executed when the event fires.

Google chrome - Inspect option

Google chrome - Developer tools window

Inside your functions, you can put arguments.callee to know about it. Notice that this is deprecated but should tell you what you are looking for.


The answers/resolutions are collected from stackoverflow, are licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0 .

Similar Posts