YouTube

Got a YouTube account?

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

Portuguese, Brazilian subtitles

← Anatomy of a jQuery Event Listener

Get Embed Code
16 Languages

Showing Revision 9 created 06/20/2016 by Udacity Robot.

  1. Até agora, você estudou
    eventos do navegador e

  2. deu uma olhada
    no registro deles.
  3. Agora é hora de realmente escutar
    e responder a eles usando o jQuery.
  4. Você precisa de três itens para
    escutar eventos e reagir a eles.
  5. Precisa do elemento alvo que deve ser
    escutado, o evento ao qual queremos reagir
  6. e as ações que devem ser executadas como resposta.
  7. Vou mostrar um exemplo.
  8. Preciso do elemento alvo cujos
    eventos o jQuery escutará,
  9. então vou usar o jQuery
    para selecionar o campo de entrada.
  10. Depois, vou chamar o método on.
  11. Esse método on é onde
    a mágica acontece.
  12. Essa é a principal maneira que o jQuery
    usa para configurar observadores de eventos.
  13. O primeiro argumento do método on
    é o evento que quero escutar.
  14. Neste exemplo, é keypress.
  15. Mas alguns outros também poderiam ser
    click, change e mouseover.
  16. E, por fim,
  17. preciso passar uma função com as
    ações que devem acontecer como resposta.
  18. Esta função é chamada de callback.
  19. A função de callback que está
    sendo passada para o método on
  20. é apenas uma função JavaScript regular.
  21. Portanto, ela pode conter
    qualquer código JavaScript que você queira,
  22. da alteração do conteúdo da página
    a um código de análise.
  23. Vou mudar o conteúdo da função
    para alterar a cor da página.
  24. E vou fazer um teste.
  25. Pronto.
    Parece bom.
  26. No próximo teste, você vai
    criar seu próprio observador de eventos.