web-dev-qa-db-fra.com

Comment tracer ou déboguer tous les événements javascript disponibles

Comment puis-je suivre tous les événements javascript d'une page Web?

Existe-t-il une possibilité de retracer tous les événements, même ceux sans gestionnaire attaché?

Y a-t-il un outil qui peut le faire?

Précision:

Par exemple:

Pour une entrée de texte, je peux ajouter un gestionnaire d'événements pour onblur et onchange .

Si je (dans le navigateur) modifie la valeur du champ de texte et le laisse, les deux gestionnaires d'événements sont exécutés. Maintenant, je voudrais savoir quels autres événements j'ai "manqués" (ceux qui auraient été exécutés s'il y avait un gestionnaire d'événements attaché).

Clarification2:

Puis-je obtenir une liste (sur un élément donné) de tous les événements possibles auxquels je peux attacher un gestionnaire d'événements?

41
Daniel Kreiseder

Voici une liste des événements Javascript: http://www.quirksmode.org/dom/events/index.html

61
meeech

Voici un script simple pour enregistrer tous les événements disponibles dans la console du navigateur:

var ev = '',
    out = [];
for (ev in window) {
    if (/^on/.test(ev)) { 
        out[out.length] = ev;
    }
}
console.log(out.join(', '));

Bien sûr, vous n'aurez que les événements du navigateur que vous utilisez actuellement.

29
Simone

Ceci est ma référence préférée, elle est mise à jour plus fréquemment que certains des autres messages: https://developer.mozilla.org/en-US/docs/Mozilla_event_reference?redirectlocale=en-US&redirectslug=DOM%2FDOM_event_reference

16
joeyhoer

Vous pouvez utiliser FireBug Profiling Tool sur FF et Web Developer Tool sur IE8 ou Developer Tools sur WebKit

ÉDITER:

Juste curieux cependant, que voulez-vous faire avec ces événements?

3
jerjer