Come visualizzare listener di eventi

Nella scheda Eventi di DOM Explorer vengono visualizzati gli eventi associati a un elemento DOM. Ogni nodo principale rappresenta un evento con sottoscrittori attivi. Il nodo principale contiene i sottonodi che rappresentano i listener di eventi registrati per l'evento specifico. Oltre a visualizzare i listener di eventi, puoi utilizzare questa scheda per spostarti nel percorso del listener di eventi nel codice JavaScript.

L'elenco nella scheda Eventi è dinamico. Se aggiungi un evento quando l'applicazione è in esecuzione, l'evento nuovo verrà visualizzato nella scheda. I listener di eventi per gli elementi di codice che non sono elementi DOM, come xhr, non vengono visualizzati nella scheda Eventi.

Per visualizzare i listener di eventi

1. In Visual Studio crea un'app JavaScript che utilizza il modello di progetto Applicazione divisa.

2. Con il modello aperto in Visual Studio, seleziona Simulatore nell'elenco a discesa accanto al pulsante Avvia debug sulla barra degli strumenti di debug del debugger. L'elenco è illustrato di seguito:

   

3. Premi F5 per eseguire l'app in modalità debug.

4. Passa a Visual Studio (ALT+TAB o F12).

5. In DOM Explorer fai clic sull'elemento BODY (o utilizza i tasti di direzione per selezionare l'elemento).

6. Fare clic sulla scheda Eventi nel riquadro a destra di DOM Explorer.

   Ora puoi visualizzare gli eventi con sottoscrittori attivi per l'elemento BODY, come illustrato di seguito.

   

   Per individuare i listener di eventi per questi eventi, fai clic sui link dei file JavaScript associati.

Vedere anche

Concetti

Guida rapida: Debug di app (JavaScript)

Come controllare le regole CSS

Come visualizzare e modificare il layout