If like myself, you often attach functions to elements using jQuery, for example:
$('.btnName').live('click', function() {
//do something
});
There is a nice little browser extension that will show all the elements on the page with a little bubble outlining the attached events/functions.
It is written by Allan Jardine, and you can get it from http://www.sprymedia.co.uk/article/Visual+Event
Nice extension!
Just wanted to note, that Chrome Browser in developer console you can select a DOM node, scroll down on the right-hand side (there is CSS info and stuff) and expand “Event listeners” section to view events attached to the node you have selected.
So you can. Nice. That’s a hidden away little gem… Cheers Petr