I'm using Firefox. Is there something out there that will show me all the JavaScript events that are getting triggered in real time?
-
Such a listing would be polluted with a million mouse events that you probably don't care about.mikerobi– mikerobi2010-11-03 17:00:38 +00:00Commented Nov 3, 2010 at 17:00
-
@mikerobi normally no i would not care. But I need to debug some event issues where they are firing in different orders. Therefore I do need to see them all in this case.7wp– 7wp2010-11-03 17:05:04 +00:00Commented Nov 3, 2010 at 17:05
Add a comment
|
2 Answers
You can right-click an element in Firebug's HTML tab and click Log Events.
You will then see every event received by that element in the Console tab.
You can even click one of them to explore the properties of the event object.
2 Comments
marcvangend
That's a great tip, but... Unfortunately, the 'Log Events' setting does not 'stick' to that element, which makes it impossible to log events that happen while (or directly after) the page is loading. Does anyone know a way log those events as well?
SLaks
@marcvangend: Set a Javascript breakpoint somewhere that will trigger before the events fire, then click Log events.
I have been using Visual Event for a few years now. It's a simple bookmarklet, meaning you just have to drag it into your bookmarks, and then click it while on your page to visually highlight all javascript events. You can also trigger the events at will, and probably a whole lot more. It's very easy and intuitive to use, and perfect to quickly find what you're looking for. Give it a try:
