As the title says, how can I find what JavaScript events are being triggered as I interact with a webpage?
1
- 1Visual Event, sprymedia.co.uk/article/Visual+Event . I am sure that that will help half of the people landing on this stackoverflow page :)Cedric– Cedric2012-07-25 01:38:26 +00:00Commented Jul 25, 2012 at 1:38
Add a comment |
4 Answers
when you have firebug installed, the following functions will gather data of all the javascript functions being triggered, and how much time is spent executing them:
console.profile([title]) Turns on the JavaScript profiler. The optional argument title would contain the text to be printed in the header of the profile report.
console.profileEnd() Turns off the JavaScript profiler and prints its report.
More info can be found at http://getfirebug.com/console.html
2 Comments
hoju
that profiler is awesome, but it seems to print which functions are executed rather than which events are being triggered (click, mouseover, etc)
Chuck Kollars
For a simple answer, it may work to just browse to ckollars.org/browser-events.html and see what messages you get. Exactly which events you get sometimes depends on the browser and the browser version; try to avoid "too tight" coding.
Firebug extension of firefox is a great piece of software to let you know about that and many other things. Also here are couple of links to help you:
1 Comment
hoju
how do you watch events with firebug?
Use the Stack Tab in Firebug. Put a debugger somewhere , and in the Script tab , at the right hand side , there are three tabs also . Look at the Stack tab to see the details.
