Como monitorar eventos de JavaScript no navegador

Neste artigo você vai aprender a como monitorar eventos de JavaScript no navegador, para que consiga acompanhar qual evento foi ativado

Fala programador(a), beleza? Vamos aprender mais sobre monitoração de eventos de JavaScript!

Podemos ativar um modo de exibição de eventos no console do navegador

Exatamente onde podemos verificar as mensagens do console.log e também as transferências de rede (Network)

Basta digitar o seguinte código no console:

monitorEvents($0)

Agora o navegador passa a registrar todos os eventos que realizamos

Como passar o ponteiro do mouse por algum elemento ou clicar em elementos

Todo evento vira uma mensagem no console, indicando como e onde ele foi realizado, legal né?

Para parar de monitorar os eventos basta utilizar (no console também):

unmonitorEvents($0)

Agora os eventos param de serem exibidos na aba do console, podemos ativar novamente com o primeiro comando

Conclusão

Neste artigo você aprendeu a como monitorar eventos de JavaScript

Utilizamos um comando simples no console, que é o: monitorEvents($0)

Para parar o monitoramento, utilizamos o unmonitorEvents($0)

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!