DOM nos permite escrever código JS para permitir que elementos HTML respondam a eventos :
interações entre usuários e páginas da web, por exemplo:monitoramento de
cliques em páginas da web;
ocorre a qualquer momento. Assim,
ao executar alguns programas pré-escritos por programadores,
existem duas maneiras principais de definir ouvintes de eventos: onxxx e addEventListener(
; () {
// Quando a caixa é clicada, a instrução aqui será executada} | nome do evento | descrição do evento |
|---|---|
| onclick | quando o mouse está único em um objeto |
| ondblclick | quando o mouse clica duas vezes em um objeto |
| onmousedown | quando um botão do mouse é pressionado um objeto |
| onmouseup | quando um botão do mouse é liberado sobre um objeto |
| onmousemove | quando um botão do mouse é movido sobre um objeto |
| onmouseenter | quando o mouse entra em um objeto (evento semelhante onmouseover) |
| onmouseleave | quando o mouse deixa um objeto (evento semelhante onmouseout) |
| nome | do eventodescrição do evento |
|---|---|
| onkeypress | quando uma tecla do teclado é pressionada (botões do sistema, como teclas de seta e teclas de função, não podem ser reconhecidos) |
| onkeydown | quando uma tecla do teclado é pressionada (botões do sistema podem ser reconhecidos e ocorrerão antes de onkeypress) |
| onkeyup | Quando uma tecla do teclado é lançado |
| Descrição | do evento |
|---|---|
onchange | Quando o usuário altera o conteúdo de um campo de formulário, ele será acionado |
| onfocus | Quando um elemento ganha foco (como a tecla tab ou clique do mouse) |
| onblur | quando um elemento perde o foco |
| onsubmit | quando o o formulário é enviado |
| onreset | quando o formulário é redefinido |
| nome do | evento descrição do evento |
|---|---|
| onload | quando a página ou imagem é concluída carregando |
| onunload | quando o usuário sai da página |
começa de fora para dentro (fase de captura) e depois de de dentro para fora (fase de borbulhamento).
No
entanto, escrever como onxxx (DOM nível 0) só pode monitorar a fase de borbulhamento , então você precisa usar o método addEventListener() (DOM nível 2);
, função(){
// Esta é a função de processamento de eventos}, true) // true significa ouvir a fase de captura, false significa ouvir a fase de bolha