I wanted to test chrome to see if it can show me what method will be running for onclick registered event.

So I wanted to see which JS function execute shen people upvotes a question :

.jpg

But I couldn't found the actual code.

is it possible with chrome to find which JS executes when "onclick"?

edit

I could use the console to do it with :

$.each($(".vote-up-off").data("events"), function(i, e) {  // this will work till jq 1.8
  console.log(this)
});

and here is our friend:

But hey ! , I want chrome to do the work :-)

I wanted to test chrome to see if it can show me what method will be running for onclick registered event.

So I wanted to see which JS function execute shen people upvotes a question :

https://i.sstatic/3mbce.jpg

But I couldn't found the actual code.

is it possible with chrome to find which JS executes when "onclick"?

edit

I could use the console to do it with :

$.each($(".vote-up-off").data("events"), function(i, e) {  // this will work till jq 1.8
  console.log(this)
});

and here is our friend:

But hey ! , I want chrome to do the work :-)

• javascript
• jquery
• debugging
• google-chrome

• Have you tried using Chrome's JavaScript CPU profiler? – hohner Commented Feb 16, 2013 at 12:37

2 Answers 2

One potential insight might be to enter this in your console and press return:

$('.vote a').data('events').click;

jQuery stores all of its events which are bound to an object inside of the data() object; so if you want to view a particular event binding, this is your place to look. Console will return an object. Expand handler --> <function scope> --> Closure and you can now see all of the associated JavaScript around this click event.

some workarounds available U may try this bookmarklet concept Visual Event

Add bookmarklet to you browser bookmarks(enable bookmarks bar show always) and click on bookmark while on the page u want to debug

PS: it is for Jquery