Ver las escuchas de eventos

La pestaña Eventos del Explorador DOM muestra los eventos que están asociados a un elemento DOM. Cada nodo representa un evento que tiene suscriptores activos. El nodo superior contiene subnodos que representan a los agentes de escucha registrados para el evento específico. Además de para ver los agentes de escucha de eventos, puedes utilizar esta pestaña para navegar a la ubicación del agente de escucha de eventos en el código de JavaScript.

La lista de la pestaña Eventos es dinámica. Si agregas un evento mientras la aplicación se está ejecutando, el nuevo evento aparecerá en ella. Los agentes de escucha de los eventos de código que no son elementos DOM, como xhr, no aparecen en la pestaña Eventos.

Para ver los agentes de escucha de eventos

1. En Visual Studio, crea una nueva aplicación de JavaScript que use la plantilla de proyecto Aplicación dividida.

2. Con la plantilla abierta en Visual Studio, selecciona Simulador en la lista desplegable que hay junto al botón Iniciar depuración de la barra de herramientas Depurar del depurador. Esta lista se muestra aquí:

   

3. Presiona F5 para ejecutar la aplicación en modo de depuración.

4. Cambia a Visual Studio (Alt+Tab o F12).

5. En el Explorador DOM, haz clic en el elemento BODY (o utiliza las teclas de dirección para seleccionar el elemento).

6. Haz clic en la pestaña Eventos en el panel de la derecha del Explorador DOM.

   Ahora, puedes ver los eventos que tienen suscriptores activos para el elemento BODY, como se muestra en la ilustración siguiente.

   

   Para localizar los agentes de escucha de estos eventos, haz clic en los vínculos de archivo asociados de JavaScript.

Vea también

Conceptos

Inicio rápido: depurar aplicaciones (JavaScript)

Inspeccionar reglas de CSS

Ver y editar la distribución