Auf Funktionen zugreifen, die mit jQuery an Ereignisbehandlungsroutinen gebunden sind

Question

Mit jQuery können Sie Funktionen an ein Ereignis binden, das an einem DOM-Objekt ausgelöst wurde. Verwenden Sie dazu .bind() oder eine der Event-Handler-Hilfsfunktionen.

jQuery muss dies intern irgendwie speichern und ich frage mich, ob es möglich ist, bei einem DOM-Objekt herauszufinden, welche Ereignisse an das Objekt gebunden wurden und auf diese Funktionen usw. zugreifen. Das gewünschte Ergebnis könnte in etwa so aussehen :

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

Answer 1

bearbeiten: das Verfahren nur in jQuery unten arbeitet < 1,7

Sie viele interessante Tipps und Tricks in diesem Artikel finden: Things you may not know about jQuery.

Es scheint, dass jQuery data Event-Handler speichern verwendet:

Sie Zugriff auf alle Event-Handler gebunden an ein Element (oder ein beliebiges Objekt) durch jQuery Ereignisspeicher:

// List bound events: 
console.dir(jQuery('#elem').data('events')); 

// Log ALL handlers for ALL events: 
jQuery.each($('#elem').data('events'), function(i, event){ 
    jQuery.each(event, function(i, handler){ 
     console.log(handler['handler'].toString()); 
    }); 
}); 

// You can see the actual functions which will occur 
// on certain events; great for debugging! 

Answer 2

jQuery 1.7 hat die Darstellung der Ereignisse in der regulären Funktion data() beendet. Sie können immer noch sie wie diese:

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

Bitte beachten Sie, dass dies nur für Events arbeitet, die jQuery gebunden worden sein. AFAIK gibt es keine Möglichkeit, alle Ereignisse zu sehen, die mit den regulären DOM-Funktionen wie addEventListener gebunden wurden.

Sie können sie jedoch im webkit inspector sehen: Navigieren Sie auf der Registerkarte Elemente zum gewünschten DOM-Knoten, wählen Sie auf der rechten Seite das Listenfeld "Event Listeners".