Affichage des événements d'éléments DOM et leurs gestionnaires

Question

en double possible:
Inspect attached event handlers for any DOM element

est-il un outil - comme une extension de navigateur, le script de la console jQuery, bookmarklet ou plug-in Firebug - qui affiche tous les événements qui peuvent être déclenchés par un élément DOM particulier, et incluent tous les gestionnaires d'événements écoutant actuellement ces événements?

Answer 1

Vous recherchez:

FireQuery

http://firequery.binaryage.com/

Pour ce faire vous-même, vous pouvez toujours accéder à la structure events data d'un jQuery object.

Exemple:

$(document.body).bind('click', function(){ 
    alert('I am an event handler!'); 
}); 

$.each($(document.body).data('events'), function(i,v){ 
    console.log(i); 
    $.each(v, function(i2,v2){ 
    console.log(' > ', v2.handler.toString()); 
    }); 
}); 

qui dresserait une liste tous les événements dans votre console Firebug/Webkit et l'imprimer est des fonctions de gestionnaire d'événement sous forme de texte. Vous pouvez supprimer la pièce .toString() ou simplement enregistrer v2 pour obtenir des informations plus détaillées.

mise à jour

Comme Anurag a commenté, qui vous montrera que les gestionnaires qui ont été liés par jQuery. Il ne recherchera pas addEventhandler()/addHandler ou les gestionnaires d'événements en ligne.

Vous pouvez rechercher des gestionnaires en ligne à l'événement en vérifiant l'attribut on-xxx. DOM level3 met en œuvre hasEventListenerNS, mais je ne pense pas qu'aucun navigateur les utilise pour le moment.

Answer 2

de Chrome barre de développeur intégré montre des gestionnaires d'événements liés à un élément DOM particulier, mais il ne mentionne pas les événements qui n'ont pas déjà des gestionnaires qui leur sont liés.