Compartilhar via

Como exibir os ouvintes de eventos

  • Artigo

A guia Eventos do Explorador de DOMs mostra os eventos associados a um elemento DOM. Cada nó superior representa um evento que tem assinantes ativos. O nó superior contém subnós que representam os ouvintes registrados do evento específico. Além de exibir os ouvintes de eventos, você pode usar essa guia para navegar até o local do ouvinte de eventos no código JavaScript.

A lista na guia Eventos é dinâmica. Se você adicionar um evento enquanto o aplicativo está em execução, o novo evento será exibido lá. Ouvintes de eventos para elementos de código que não sejam elementos DOM, como xhr, não aparecem na guia Eventos.

Para exibir os ouvintes de eventos

  1. No Visual Studio, crie um aplicativo em JavaScript que use o modelo de projeto Aplicativo Dividido.

  2. Com o modelo aberto no Visual Studio, selecione Simulador na lista suspensa próxima ao botão Iniciar Depuração na barra de ferramentas Depurar do depurador. Essa lista é mostrada aqui:

    Em execução no simulador

  3. Pressione F5 para executar o aplicativo no modo de depuração.

  4. Alterne para o Visual Studio (Alt+Tab ou F12).

  5. No Explorador de DOMs, clique no elemento BODY (ou use as teclas de direção para selecioná-lo).

  6. Clique na guia Eventos no painel do lado direito do Explorador de DOMs.

    Agora você pode ver os eventos que têm assinantes ativos para o elemento BODY, conforme mostrado na ilustração a seguir.

    Guia de eventos do Gerenciador do DOM

    Para localizar os ouvintes desses eventos, clique nos links dos arquivos JavaScript associados.

Consulte também

Conceitos

Guia de início rápido: Depurando aplicativos (JavaScript)

Como inspecionar as regras de CSS

Como exibir e editar o layout