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 :
http://i.stack.imgur.com/3mbce.jpg
But I couldn't found the actual code.
is it possible with chrome to find which JS executes when "onclick"?
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 :-)
Note that the onclick attribute is purely JavaScript. The value it takes, which is the function you want to execute, says it all, as it is invoked right within the opening tag. In JavaScript, you invoke a function by calling its name, then you put a parenthesis after the function identifier (the name).
Google ChromeIn the "Settings" section click on the "Show advanced settings..." Under the the "Privacy" click on the "Content settings...". When the dialog window opens, look for the "JavaScript" section and select "Allow all sites to run JavaScript (recommended)". Click on the "OK" button to close it.
click is a function on HTML elements you can call to trigger their click handlers: element. click(); onclick is a property that reflects the onclick attribute and allows you to attach a "DOM0" handler to the element for when clicks occur: element.
To find the JavaScript function definition in Google Chrome, open the web browser and press F12 to reach Developer Tools. Search for function and that's it.
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With