Firefox extension pour savoir quel événement Javascript est lié à un élément inspecté?
on peut lier des événements Javascript à des éléments html sans utiliser de déclarations en ligne.
Est-il possible lors de l'inspection d'un élément html de savoir quels événements sont liés à l'élément? Je veux savoir sur les événements définis par le développeur et pas les internes qui viennent avec le navigateur.
donc si je survole un élément et qu'un menu apparaît, je veux savoir quelle méthode l'a causé.
J'ai essayé événement Espionner avec l'inspecteur de Code mais il enregistre trop de ceux internes, à moins que je ne l'utilise pas correctement.
3 réponses
événement visuel 2
événement visuel http://new.tinygrab.com/2c76fd8c3ea0ac6d22b28e3d46d6c480.png
Visual Event est un bookmarklet Javascript open source qui fournit des informations de débogage sur les événements qui ont été attachés à des éléments DOM.
il n'y a aucun moyen d'énumérer les auditeurs ajoutés avec addEventListener dans Firefox core ( bug 448602 ).
il y a peut-être des solutions de rechange, mais je n'en connais aucune. Voir aussi Comment trouver des écouteurs d'événements sur un noeud DOM lors du débogage ou à partir du code JavaScript?
[edit] Ah, en fait, de déterminer "les événements qui sont liés"? Avez-vous dit quels événements peuvent tirer sur le noeud? Si oui, vous devez préciser votre question.
de Firefox 33 cette fonctionnalité est ajoutée à inspector dans developer tools. Vous pouvez voir l'icône 'ev' ou 'event' à côté des éléments qui ont des écouteurs d'événements. Un clic qui affiche une liste de tous les écouteurs d'événements liés à l'élément.