Conteúdo principal
Curso: Programação > Unidade 6
Lição 5: Eventos DOM- Tornando páginas web interativas com eventos
- Adicionando um listener de evento
- Tipos de evento DOM
- Usando as propriedades do evento
- Desafio: O bigode do gato
- Processando formulários com eventos
- Prevenção de comportamento padrão de eventos
- Resumo: eventos DOM
© 2024 Khan AcademyTermos de usoPolítica de privacidadeAviso de cookies
Tornando páginas web interativas com eventos
Quer participar da conversa?
- agora o negócio começa a ficar interessante(4 votos)
- Agora sim aprenderemos sobre como fazer um site com várias funcionalidades(2 votos)
Transcrição de vídeo
RKA11C Agora vocês sabem como acessar
e modificar o DOM de suas páginas e podem fazê-lo por horas a fio. Mas por que o fariam se já podem começar
com a página com o HTML que quiserem? Porque agora você pode modificar o DOM
como resposta a eventos de usuário, e isso é o que faz JavaScript em páginas web
ser tão poderoso. Por exemplo: você poderia criar
apresentações interativas respondendo quando o usuário clica em um botão. Você poderia criar jogos de todo tipo,
respondendo quando o usuário pressiona teclas ou move o mouse para mirar em um pássaro. Você pode processar formulários
e validar os dados de entrada, respondendo quando o usuário digitar no formulário. Você poderia criar galerias
que se carregam infinitamente, respondendo sempre que o usuário rola a página. Tudo isso é possível,
escutando a eventos na sua página! O usuário faz uma ação, como clicar em um botão, o navegador, então, dispara
ou aciona o evento clique daquele botão, e seu código já tem uma função ouvinte
de evento configurado. Então, o navegador chama sua função ouvinte, que é algum JavaScript que você quer que rode em resposta. Esse é o modo geral de como funciona, e agora vou mostrar como você
efetivamente programa isso na sua página.