Return to Video

Anatomy of a jQuery Event Listener

  • 0:00 - 0:03
    Até agora, você estudou
    eventos do navegador e
  • 0:03 - 0:05
    deu uma olhada
    no registro deles.
  • 0:05 - 0:09
    Agora é hora de realmente escutar
    e responder a eles usando o jQuery.
  • 0:09 - 0:13
    Você precisa de três itens para
    escutar eventos e reagir a eles.
  • 0:13 - 0:17
    Precisa do elemento alvo que deve ser
    escutado, o evento ao qual queremos reagir
  • 0:17 - 0:19
    e as ações que devem ser executadas como resposta.
  • 0:19 - 0:20
    Vou mostrar um exemplo.
  • 0:22 - 0:25
    Preciso do elemento alvo cujos
    eventos o jQuery escutará,
  • 0:25 - 0:29
    então vou usar o jQuery
    para selecionar o campo de entrada.
  • 0:30 - 0:32
    Depois, vou chamar o método on.
  • 0:32 - 0:34
    Esse método on é onde
    a mágica acontece.
  • 0:34 - 0:37
    Essa é a principal maneira que o jQuery
    usa para configurar observadores de eventos.
  • 0:39 - 0:42
    O primeiro argumento do método on
    é o evento que quero escutar.
  • 0:42 - 0:44
    Neste exemplo, é keypress.
  • 0:44 - 0:48
    Mas alguns outros também poderiam ser
    click, change e mouseover.
  • 0:49 - 0:49
    E, por fim,
  • 0:49 - 0:53
    preciso passar uma função com as
    ações que devem acontecer como resposta.
  • 0:53 - 0:55
    Esta função é chamada de callback.
  • 0:55 - 0:58
    A função de callback que está
    sendo passada para o método on
  • 0:58 - 1:00
    é apenas uma função JavaScript regular.
  • 1:00 - 1:02
    Portanto, ela pode conter
    qualquer código JavaScript que você queira,
  • 1:02 - 1:06
    da alteração do conteúdo da página
    a um código de análise.
  • 1:06 - 1:08
    Vou mudar o conteúdo da função
    para alterar a cor da página.
  • 1:10 - 1:11
    E vou fazer um teste.
  • 1:11 - 1:14
    Pronto.
    Parece bom.
  • 1:14 - 1:16
    No próximo teste, você vai
    criar seu próprio observador de eventos.
Tytuł:
Anatomy of a jQuery Event Listener
Opis:

more » « less
Video Language:
English
Team:
Udacity
Projekt:
ud245 - Intro to JQuery
Duration:
01:18

Portuguese, Brazilian subtitles

Revisions Compare revisions