List all live events in jQuery

Question

How could I find in jQuery what events are bound with live for a particular element?

Say I have a function, randomFunction, that returns a random function f

Answer 1

Take a look at this plugin. When I last used this, there was a need to slightly modify it for the then latest version of jQuery, but it should give you a direction.

Answer 2

There's a nifty bookmarklet called Visual Event that shows the code that will be called.

But since you're truly calling a random function, maybe doing something as simple as including an alert("function name") or colsone.log("function"), if you're just testing.

Answer 3

Alright, figured it out. For a click event, for $('#certain_element'), logging each binding's index to the console:

var relevantHandlers = $.map($(document).data('events').live, function(value){
  if(value.origType == 'click' && value.selector == '#certain_element'){
    return value.handler;
  }
}; //all handlers for #certain_element bound to click by live.
$.each(relevantHandlers, function(){
  console.log("the index is: " + $.inArray(this, arrayOfFunctions));
});