HDTutorial
PT
Tutorial de Eventos em JavaScript – Como Responder às Ações do Utilizador

A reprodução carrega o leitor integrado do YouTube (modo de privacidade melhorada).

Tutorial de Eventos em JavaScript – Como Responder às Ações do Utilizador

333 203 visualizações 26 de outubro de 2015 18:50

Ver no YouTube
CanalLearnCode.academy

Descrição do autor

Um tutorial simples sobre eventos em JavaScript com código! Quase todos os desenvolvedores web precisam de reagir às ações dos utilizadores numa página, seja alterando o conteúdo ou ajustando a apresentação. A forma de fazer isso é através de eventos em JavaScript.

VER O CÓDIGO:

Os eventos mais populares em JavaScript são:
- clique
- mouseenter (quando o rato entra num elemento)
- mouseleave (quando o rato sai de um elemento)
- mousedown (quando se pressiona o botão do rato)
- mouseup (quando se solta o botão do rato)
- mousemove (movimento do rato)
- keydown (quando se pressiona uma tecla)
- keyup (quando se solta uma tecla)
- blur (quando um elemento perde o foco)
- focus (quando um elemento ganha o foco)

Nesta lição, vamos adicionar *listeners* (ouvintes) de eventos a elementos HTML. Quando os utilizadores clicam, focam, perdem o foco, premem uma tecla ou movem o rato, o JavaScript vai ser notificado e podemos modificar a página web.

Ouvir eventos em JavaScript é uma tarefa básica e fundamental para os desenvolvedores web.

Também vê: "Tutorial de Design Responsive – Dicas para que o teu site fique ótimo em qualquer dispositivo"

Sobre este tutorial

LearnCode.academy publicou este tutorial em vídeo de 18:50 em 26 de outubro de 2015. Foi visto 333 203 vezes no YouTube.

Duração
18:50
Publicado
26 de outubro de 2015
Visualizações
333 203
Gostos
3 473

Partilhar

Leitura complementar

  • Introducción a eventos - Aprende sobre desarrollo web | MDN developer.mozilla.org

    Los eventos son acciones u ocurrencias que suceden en el sistema que está programando y que el sistema le informa para que pueda responder de alguna manera si lo desea. Por ejemplo, si el usuario hace clic en un botón e…

  • JavaScript - Aprendendo desenvolvimento web | MDN developer.mozilla.org

    JavaScript é uma linguagem de programação que permite implementar funcionalidades mais complexas em páginas web. Sempre que uma página web faz mais do que apenas mostrar informações estáticas para você - ela mostra em t…

  • JavaScript | MDN - MDN Web Docs developer.mozilla.org

    JavaScript® (às vezes abreviado para JS) é uma linguagem leve, interpretada e baseada em objetos com funções de primeira classe, mais conhecida como a linguagem de script para páginas Web, mas usada também em vários out…

Este tutorial noutros idiomas