how to find what script applies to certain elements

Asked Mar 25 '14 at 13:11

Active Mar 25 '14 at 13:20

Viewed 484 times

Is there any way to find out what script applies to certain HTML elements? With inspect element you can see the styles applied to elements and I'd like to check what javascript is applied also.

Example(this is what actually made me ask the question):

http://yeti.wp.irishmiss.com/album-gallery/

When you hover an item, a few things are happening and I'd like to know witch script(there are many scripts included in the html page) is responsible for the effects, and if all the scripts were merged into one .js file, would be nice to know the code responsible for the effect.

There are a lot of scripts and would be nice to know witch does certain things to the html elements.

edited Mar 25 '14 at 13:20

asked Mar 25 '14 at 13:11

NicolaeBozbici

You can look for functions bound to the element (onclick, etc). Is there something in particular you're trying to find? If so, please supply an example. – gtr1971 Mar 25 '14 at 13:14
What script? Are you talking about event handlers? – A. Wolff Mar 25 '14 at 13:15
In Chrome you can view event listeners in the dev tools pane. Right-click on the page, then click "inspect element". At the top right is a tab for Event Listeners. – gtr1971 Mar 25 '14 at 13:17
@A. Wolff I edited the post and posted an example – NicolaeBozbici Mar 25 '14 at 13:28
@gtr1971 I posted an example. Everything in the Event Listeners points to jquery.js and that's not helping.... – NicolaeBozbici Mar 25 '14 at 13:33

how to find what script applies to certain elements

0 Answers0