8

When i'm in any website, how can i use Chrome Developer Tools to find out what JS function is called when i click on an element ?

For instance, i'm on a website that has a DIV element. When i click on this DIV, it will do some actions. I want to know what JS function do these actions, so i am able to call this JS function programatically in the console, without need to manually click on the DIV.

Thanks !

Improve this question
1

1 Answer 1

Reset to default
5

All the event listeners for an element are shown in the Event Listeners panel. If you expand the 'click' event section you'll see what scripts are at play.

Once you've found a likely script, expand its object to see function names (except, of course, for anonymous functions) and other properties.

Improve this answer
Sign up to request clarification or add additional context in comments.

3 Comments

This will show me the JS file name. Is there a easier way to know the function called, so i can simply call it from the console ?
Problem is the webpage i'm monitoring is huge and also is the JS file. Is there something like a 'javascript function log', where i can see all functions called ?
In the Event Listeners pane, right-click the handler property value and choose Show Function Definition in the popup menu.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.