Viewing events attached to elements via JavaScript

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

 

 

2 comments on “Viewing events attached to elements via JavaScript

  1. PetrUrban September 29, 2011 10:58 am

    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.

    • admin September 29, 2011 11:01 am

      So you can. Nice. That’s a hidden away little gem… Cheers Petr

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>