Determine what Javascript function is called when you click an element

Question

Is there a way to determine what Javascript function is called when you click on an item in a HTML page that has JS binded to the click event (added using jQuery, not the onClick tag attribute) ?

Obviously, the website is not mine and the code is minified.

stackoverflow.com/a/7122245/352796

katspaugh
– katspaugh

2012-05-18 09:00:44 +00:00
Commented May 18, 2012 at 9:00 — katspaugh
– katspaugh, Commented May 18, 2012 at 9:00

mattmanser · Accepted Answer · 2012-09-05 09:13:57Z

27

This is available in all major browsers in the developer tools (usually press F12 to open).

In Chrome, for example, right click on the element, inspect element.

Then expand the 'Event Listeners' tab on the righthand side, find 'click' and expand that. It should give you a list of all potential listeners on the click event, including ones that would catch from bubbling up and a link to the function and its position in the file.

It can admittedly take a bit of hunting. If the code is minified most developer tools can expand it for you (e.g. the 'pretty print' option in webkit browsers like Chrome or tools 'Format javascript' in IE) or use an external tool, e.g. http://jsbeautifier.org/.

enter image description here

edited Sep 5, 2012 at 9:13

answered May 18, 2012 at 8:41

mattmanser

5,8363 gold badges41 silver badges51 bronze badges

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

1 Comment

Talik Over a year ago

if you cant see the listeners, press Esc on Chrome or click the 3 dot menu and "open console drawer"

Collectives™ on Stack Overflow

Determine what Javascript function is called when you click an element

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related