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.

28
demandé sur Tony_Henrich 2009-10-13 10:58:34

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.

28
répondu NVI 2013-07-01 12:44:10

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.

3
répondu Nickolay 2017-05-23 12:01:26

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.

MDN-examiner les auditeurs D'événements

0
répondu Su0011 2018-08-19 02:53:49