YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Portuguese, Brazilian subtitles

← What are Browser Events

Get Embed Code
12 Languages

Showing Revision 1 created 04/13/2016 by Udacity Robot.

  1. Na vida real, os eventos são
    ações específicas que acontecem em momentos
  2. específicos.
  3. Por exemplo, no jogo de basquete,
    quando a bola passa pelo aro.
  4. A equipe que fez a jogada ganha pontos.
  5. O evento é a bola
    passar pelo aro.
  6. A ação resultante é
    a equipe que marca receber pontos.
  7. O navegador também tem eventos.
  8. Cada vez que você move o mouse,
    clica em um link,
  9. envia um formulário ou faz qualquer coisa,
  10. seu navegador comunica
    a ação que você executou.
  11. Quero mostrar o que
    o navegador está realmente fazendo.
  12. O Google Chrome tem uma função prática.
  13. Com a função monitorEvents, você
    pode dar uma espiada
  14. para ver os eventos que estão acontecendo.
  15. Você passa à função o elemento
    na página que quer observar
  16. para eventos.
  17. Agora, a função só pode ser usada no
    console nas Ferramentas do desenvolvedor do Chrome.
  18. Não tente usar esta função
    no arquivo de JavaScript.
  19. Ela não vai funcionar e
    causará um erro de referência.
  20. Dito isto, vou
    mostrar o feedback que ela fornece.
  21. Nesta página, você pode ver que
    tenho um campo de texto simples.
  22. Vou usar jQuery para selecionar
    todas as entradas na página
  23. e depois vou selecionar só
    esta primeira.
  24. Depois, vou chamar a
    função monitorEvents e
  25. passar a ela a variável que contém
    o primeiro campo de entrada.
  26. A função monitorEvents observa
    o elemento quanto a eventos e
  27. os registra.
  28. Vou interagir com o campo de texto
    e observar o Chrome registrar todos os eventos.
  29. Como visto,
    com a função monitorEvents,
  30. você pode observar o que os navegadores fazem
    quando interage com os elementos de página
  31. de maneiras diferentes.