Accessing functions bound to event handlers with jQuery

jquery events event-handling storage internal
googletorp picture googletorp · Mar 5, 2010 · Viewed 27.4k times · Source

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

eikes picture eikes · Jun 7, 2012

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.

Related questions

jQuery equivalent of JavaScript's addEventListener method

I'm trying to find the jQuery equivalent of this JavaScript method call: document.addEventListener('click', select_element, true); I've gotten as far as: $(document).click(select_element); but that doesn't achieve the same result, as the last parameter of the …

Read More
Detecting Browser Autofill

How do you tell if a browser has auto filled a text-box? Especially with username & password boxes that autofill around page load. My first question is when does this occur in the page load sequence? Is it before or …

Read More
How to unbind a specific event handler

Code: $('#Inputfield').keyup(function(e) { if(e.which == 13) { functionXyz(); } else { functionZyx(); } }); $(document).keyup(function(exit) { if (exit.keyCode == 27) { functionZzy(); } }); Question: How to remove the keyup event handler of keyCode == 27 and keep the other $(document).keyup event handlers intact?

Read More