Firebug: Comment faire pour voir les événements d'un objet?

J'ai joint quelques événements pour certains divs à l'aide de addEventListener. Mais où puis-je voir les événements dans Firebug?

OriginalL'auteur Florian Müller | 2010-11-18

  1. 7

    C'est probablement la peine de mentionner que Firebug 1.12 introduit getEventListeners(target). Firebug page wiki pour il est ici, et il y a un blog très utile post à ce sujet ici.

    (Firebug 1.12 a été seulement publié en août 2013, la réponse à cette question a été bon quand il a été posté.)

    Cependant, il ya un couple de mises en garde pour getEventListeners:

    Tout d'abord, il ne fonctionnera pas si vous passez un objet jQuery; passer un DOM normal de l'objet à la place. (C'est peut-être évident, mais il m'a rattrapé!)

    Deuxièmement, j'ai trouvé que getEventListeners ne fonctionne pas toujours si je le lance avant tout le code sur une page est chargée. Je ne sais pas exactement quand il le fait et ne fonctionne pas, mais j'ai certainement vu une situation comme celle-ci:

    >>> getEventListeners(document.getElementById('elementid'))
ReferenceError: getEventListeners is not defined
>>> $._data(document.getElementById('elementid'), "events");
Object { click=[1]}

    Comme vous pouvez le voir, la "main" de la méthode (de la poste lié à la réponse) peut récupérer l'événement, mais getEventListeners montre comme n'étant pas défini. Cette erreur est différente de la valeur de retour que vous obtenez si getEventListeners fonctionne, mais les rapports qu'un objet n'a pas d'auditeurs, donc je dirais que vous pouvez utiliser getEventListeners sans crainte, comme il va être évident si ce n'est pas encore disponible!

    OriginalL'auteur Sam

  2. 12

    Si vous utilisez jQuery, puis installer FireQuery, elle montre tout lié aux événements sur le DOM HTML panneau par élément. Plus très utile.

    En outre, il affiche toutes les données que vous stockez, et fournit un "jqueryify" bouton sur la console pour l'injection du courant de la version de jQuery sur la page que vous visitez, ce qui est très utile.
    Merci pour cette. FireQuery est un excellent outil et bien la peine d'installation pour tout développeur web à l'aide de jQuery avec Firebug.
    On dirait qu'il a cessé de travailler à un certain point... j'utilise la dernière version de jQuery et je ne pouvais pas voir quoi que ce soit avec cette extension.

    OriginalL'auteur Orbling

  3. 1

    Ne pense pas que Firebug est une bonne fonctionnalité. Vous pouvez voulez regarder ici.

    OriginalL'auteur Mark Baijens