As the title says, how can I find what JavaScript events are being triggered as I interact with a webpage?
Asked
Active
Viewed 6,189 times
6
-
1Visual Event, http://www.sprymedia.co.uk/article/Visual+Event . I am sure that that will help half of the people landing on this stackoverflow page :) – Cedric Jul 25 '12 at 01:38
4 Answers
10
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

Jasper De Bruijn
- 1,434
- 7
- 11
-
3that profiler is awesome, but it seems to print which functions are executed rather than which events are being triggered (click, mouseover, etc) – hoju Jan 22 '10 at 01:17
-
For a simple answer, it may work to just browse to http://www.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. – Chuck Kollars Sep 28 '12 at 23:54
4
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
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.

Bahadir Cambel
- 422
- 5
- 12