Chrome and JS onclick function?

Question

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.stack.imgur.com/3mbce.jpg

enter image description here

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:

enter image description here

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

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

score 3 · Answer 1 · edited May 23 '17 at 10:24

3

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.

edited May 23 '17 at 10:24

Community

1
1

answered Feb 16 '13 at 12:50

hohner

11,498
8
49
84

Awesome, well done. Saves me having to upload a screenshot now! – hohner Feb 16 '13 at 12:52

score 2 · Accepted Answer · answered Feb 16 '13 at 13:10

2

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

answered Feb 16 '13 at 13:10

mermerkaya

79
1
2

Chrome and JS onclick function?

edit

2 Answers2