Comment : afficher les écouteurs d'événements
L'onglet Événements de l'Explorateur DOM affiche les événements associés à un élément DOM. Chaque nœud supérieur représente un événement contenant des abonnés actifs. Le nœud supérieur contient des sous-nœuds qui représentent les écouteurs d'événements inscrits pour l'événement spécifique. En outre, pour afficher les écouteurs d'événements, vous pouvez utiliser cet onglet pour accéder à l'emplacement de l'écouteur d'événements dans le code JavaScript.
La liste de l'onglet Événements est dynamique. Si vous ajoutez un événement lorsque l'application est en cours d'exécution, le nouvel événement apparaît dans la liste. Les écouteurs d'événements des éléments de code qui ne sont pas des éléments DOM, tels que xhr, ne s'affichent pas dans l'onglet Événements.
Pour afficher les écouteurs d'événements
Dans Visual Studio, créez une application JavaScript qui utilise le modèle de projet Application partagée.
Ouvrez le modèle dans Visual Studio, sélectionnez Simulateur dans la liste déroulante en regard du bouton Démarrer le débogage de la barre d'outils de débogage du débogueur. Cette liste est illustrée ici :
.png "Exécution dans le simulateur")
Appuyez sur F5 pour exécuter l'application en mode débogage.
Passez dans Visual Studio (Alt+Tab ou F12).
Dans l'explorateur DOM, cliquez sur l'élément BODY (ou utilisez les touches de direction pour le sélectionner).
Cliquez sur l'onglet Événements dans le volet situé à droite de l'Explorateur DOM.
Vous pouvez maintenant voir les événements contenant des abonnés actifs pour l'élément BODY, comme indiqué dans l'illustration suivante.
.png "Onglet Événements de l'explorateur DOM")
Pour localiser les écouteurs de ces événements, cliquez sur les liens associés du fichier JavaScript.
Voir aussi
Concepts
Démarrage rapide : débogage d'applications (JavaScript)