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?

Entrar

Classificar por:

Nenhuma postagem por enquanto.

Você entende inglês? Clique aqui para ver mais debates na versão em inglês do site da Khan Academy.