Conteúdo principal
Programação
Curso: Programação > Unidade 7
Lição 5: Eventos DOM com jQuery- Adição de listeners de evento com jQuery
- Uso de propriedades de evento em jQuery
- Desafio: Identifique o cão
- Quais são as propriedades e os eventos DOM?
- Verificação de disponibilidade de DOM com jQuery
- Revisão: Eventos DOM em jQuery
- Projeto: Alteração de cena
© 2023 Khan AcademyTermos de usoPolítica de privacidadeAviso de cookies
Quais são as propriedades e os eventos DOM?
Os navegadores disparam vários eventos. Você pode usar jQuery para adicionar listeners de evento para qualquer um desses eventos.
Temos uma lista completa de eventos de navegadores em MDN, mas aqui temos alguns dos tipos de eventos mais comuns e nomes, além de exemplos de uso para eles:
- Eventos do Mouse: 'click' (exemplo), 'mousedown'/'mouseup' (exemplo), 'mousemove' (exemplo), 'mouseenter'/'mouseleave' (exemplo)
- Eventos do Teclado: 'keydown', 'keypress', 'keyup' (exemplo)
- Eventos de Toques: 'touchdown', 'touchup', 'touchstart', ‘touchcancel’ (exemplo)
- Eventos de Arrastar: 'dragstart', 'dragend' (Muitos desenvolvedores usam jQueryUI pela funcionalidade de "arrastar", pois pode ser complicado usar eventos de arrastar diretamente. Aqui estão alguns exemplos de Elementos arrastáveis e áreas de soltar.)
- Formas de eventos: 'submit' (exemplo), 'change' (exemplo), 'focus'/'blur' (exemplo).
- Eventos para janela: 'scroll' (exemplo), 'reload', 'hashchange'
Quando você adiciona um listener de evento e o evento acontece, o jQuery vai chamar seu código com um objeto de evento jQuery que tem propriedades importantes. Leia a documentação para saber mais sobre as propriedades que estão disponíveis.
Quer participar da conversa?
Nenhuma postagem por enquanto.