Accessing functions bound to event handlers with jQuery

Question

With jQuery you can bind functions to an event triggered on a DOM object using .bind() or one of the event handler helper functions.

jQuery have to store this internally somehow and I wonder if is it possible given a DOM object, to find out which events have been bound to the object, and access those functions etc. The desired return result could look something like this:

{   click: [function1, function2],   change: [function3],   blur: [function4, function5, function6] } 

Answer 1

jQuery 1.7 has stopped exposing the events in the regular data() function. You can still get them like this:

var elem = $('#someid')[0]; var data = jQuery.hasData( elem ) && jQuery._data( elem ); console.log(data.events); 

Please note, that this only works for Events which have been bound using jQuery. AFAIK you there is no way to see all the events which have been bound using the regular DOM functions like addEventListener.

You can see them in the webkit inspector though: In the Elements tab navigate to the desired DOM node, on the right side select the "Event Listeners" drop down.