Eventos em JavaScript


As páginas de internet são dinâmicas.

Antigamente, era bem comum sites totalmente estáticos.
Todo mundo que entrasse, via as mesmas coisas, os mesmos conteúdos, mas isso mudou.

Você digita um dado no formulário e clica em Entrar...se estiver errado, vai para uma página.
Se estiver certo, vai para outro.

Se clicar nisso, acontece isso.
Se passar o mouse por ali, acontece aquilo.
Se digitar algo, ocorre uma outra coisa.

Ou seja, hoje em dias as páginas da internet respondem a ações do usuário.
O que vai acontecer ao entrar em um site? Depende.

Depende do evento que você vai disparar (clicar, passar o mouse, digitar alguma tecla etc). Dependendo do que você faça, o JavaScript vai fazer uma coisa ou outra.

Nesta seção vamos entrar em detalhes sobre os events e aprender como deixar nosso código JavaScript mais dinâmico, responsivo e realista.

Events em JS

  1. Eventos - O que são? Para que servem?
  2. O evento onload - Eventos de carregamento
  3. Evento onchange - Evento de mudança de elemento
  4. Eventos de Mouse - onmousedown, onmouseup, onclick, onMouseOver e onMouseOut
  5. Tratando eventos (event handler) e o método addEventListener()
  6. Eventos de Teclado - onkeydown, onkeyup e onkeypress
  7. Eventos de formulário - onfocus e onblur (focus e blur)

Nenhum comentário:

Postar um comentário