L'inspecteur affiche dans le panneau HTML le mot "event" à côté des éléments qui ont un écouteur lié :
Cliquer sur cette icône fera apparaitre une pop-up listant tous les écouteurs liés à cet élément :
Chaque ligne contient :
- Une flèche droite. Cliquer dessus étend la ligne et affiche le code source de la fonction de l'écouteur.
- Le nom de l'évènement.
- Le nom du fichier et le numéro de ligne où se trouve l'écouteur : cliquer fera apparaitre la fonction de l'écouteur dans la pop-up.
- Une flèche courbée. Cliquer dessus affiche le code de l'handler dans le Débogueur
- Une indication pour savoir si l'évènement se propage ("bubbles") ou non.
- Une indication qui affiche le système qui définit l'évènement. Firefox peut afficher :
- Les évènements DOM standards
- Les évènements jQuerry
- Les évènements React