Existe-t-il des outils / techniques pour déboguer les gestionnaires d'événements de jQuery ?

Question

J'essaie actuellement de déterminer quels gestionnaires d'événements de clics ont été attachés à ma division. Il ne devrait y avoir qu'un seul gestionnaire attaché, mais il semble y en avoir au moins un. J'utilise FireBug, mais Chrome pourrait également être une option. Je n'aime pas IE et je préfère ne pas l'utiliser.

Dans le meilleur des cas, je peux inspecter ma division à l'aide de FireBug et voir une liste de gestionnaires d'événements.

Answer 1

Événement visuel est un joli signet javascript que vous pouvez exécuter sur une page pour voir tous les événements qui sont attachés à un contrôle.

Answer 2

Si vous utilisez jQuery pour assigner vos gestionnaires d'événements, vous pouvez localiser les événements attachés via $("div").data("events");

$("div.test").each(function(){
    var events = $(this).data("events");
    //events.click will give you a list of click handlers, events.mouseenter, etc..
    $.each(events, function(i, eventType){
        $.each(eventType, function(){
          //this.handler() can be used to find the anonymous function assigned to the element.
          $("body").append("<h1>" + this.type + "</h1>");
        });
    });
});

Si vous souhaitez obtenir des manipulateurs en direct, vous pouvez faire la même chose pour le document.

var liveEvents = $(document).data("events").live;
$.each(liveEvents, function() {
    $("body").append("<h1>" + this.selector + this.origType +  "</h1>");
});

Exemple sur jsfiddle .

Answer 3

Installez le plugin fireQuery pour firebug et vous verrez tous les événements liés à jQuery dans l'affichage de firebug, comme vous le souhaitez ;)

Vous pouvez le trouver ici : http://firequery.binaryage.com/ ou ici : https://addons.mozilla.org/en-us/firefox/addon/firequery/

Votre firebug ressemblera alors à ceci :

Answer 4

Vérifiez la fonction $.data.

Plus précisément, quelque chose comme ça :

var clicks = $(mySelector).data('events').click ;

Doit retourner une liste de gestionnaires d'événements de clics et leurs objets DOM associés.

Answer 5

Le module complémentaire "fire-bug" (pour Mozilla) est la meilleure option pour cela.