So zeigen Sie Ereignislistener an
Die Registerkarte Ereignisse von DOM Explorer enthält die Ereignisse, die einem DOM-Element zugeordnet werden. Jeder oberste Knoten repräsentiert ein Ereignis, das über aktive Abonnenten verfügt. Der oberste Knoten enthält untergeordnete Knoten, die die registrierten Ereignislistener für das spezifische Ereignis darstellen. Zusätzlich zur Anzeige der Ereignislistener können Sie mithilfe dieser Registerkarte zum Speicherort des Ereignislisteners im JavaScript-Code navigieren.
Die Liste auf der Registerkarte Ereignisse ist dynamisch. Wenn Sie ein Ereignis hinzufügen, während die App ausgeführt wird, wird das neue Ereignis dort angezeigt. Ereignislistener für Codeelemente, die keine DOM-Elemente sind, wie beispielsweise xhr, werden nicht auf der Registerkarte Ereignisse angezeigt.
So zeigen Sie Ereignislistener an
Erstellen Sie in Visual Studio eine JavaScript-App auf Grundlage der Projektvorlage "Geteilte Anwendung".
Wählen Sie mit der geöffneten Vorlage im Debugger in Visual Studio auf der Symbolleiste "Debuggen" Simulator in der Dropdownliste neben der Schaltfläche Debuggen starten aus. Diese Liste wird hier angezeigt:
.png "Ausführung im Simulator")
Drücken Sie F5, um die App im Debugmodus auszuführen.
Wechseln Sie zu Visual Studio (ALT+TAB oder F12).
Klicken Sie im DOM Explorer auf das Element BODY (oder verwenden Sie die Pfeiltasten, um das Element auszuwählen).
Klicken Sie auf die Registerkarte Ereignisse im Bereich auf der rechten Seite des Dom Explorers.
Ihnen werden die Ereignisse angezeigt, die aktive Abonnenten für das BODY-Element haben, wie in der folgenden Abbildung dargestellt.
.png "Registerkarte \"Ereignisse\" des DOM Explorer")
Um die Ereignislistener für diese Ereignisse zu suchen, klicken Sie auf die zugeordneten JavaScript-Dateilinks.