HTML - Referência de Eventos
Quando os usuários visitam seu site, eles fazem coisas como clicar em vários links, passar o mouse sobre texto e imagens, etc. Esses são exemplos do que chamamos de eventos em terminologias JavaScript e VBScript.
Podemos escrever nossos manipuladores de eventos usando JavaScript ou VBScript e podemos especificar algumas ações a serem executadas nesses eventos. Embora esses sejam os eventos, eles serão especificados como atributos para as tags HTML.
A especificação HTML 4.01 definiu 19 eventos, mas posteriormente o HTML-5 adicionou muitos outros eventos que listamos aqui -
Atributos de eventos de janela
Os eventos a seguir foram introduzidos em versões anteriores do HTML, mas todas as tags marcadas com
| Eventos | HTML-5 | Descrição |
|---|---|---|
| uma impressão posterior |
|
Aciona depois que um documento é impresso |
| na frente da impressão |
|
Aciona antes de um documento ser impresso |
| onbeforeonload |
|
Aciona antes de um documento carregar |
| onerror |
|
Aciona quando ocorre um erro |
| onhaschange |
|
Aciona quando um documento é alterado |
| carregando | Aciona quando um documento é carregado | |
| mensagem |
|
Aciona quando uma mensagem é acionada |
| on-line |
|
Aciona quando um documento fica offline |
| on-line |
|
Aciona quando um documento fica online |
| no couro da página |
|
Aciona quando uma janela está oculta |
| onpageshow |
|
Aciona quando uma janela se torna visível |
| onpopstate |
|
Aciona quando o histórico de uma janela muda |
| Onredo |
|
Aciona quando um documento executa uma ação de refazer |
| onresize |
|
Aciona quando uma janela é redimensionada |
| no armazenamento |
|
Aciona quando um documento é carregado |
| onundo |
|
Aciona quando um documento desfaz |
| onunload | Aciona quando um usuário sai do documento |
Eventos de formulário
As seguintes tags foram introduzidas em versões anteriores do HTML, mas todas as tags marcadas com
| Eventos | HTML-5 | Descrição |
|---|---|---|
| onblur | Aciona quando uma janela perde o foco | |
| em mudança | Aciona quando um elemento muda | |
| oncontextmenu |
|
Aciona quando um menu de contexto é acionado |
| No foco | Aciona quando uma janela recebe o foco | |
| onformchange |
|
Aciona quando um formulário muda |
| onforminput |
|
Aciona quando um formulário recebe entrada do usuário |
| entrada |
|
Aciona quando um elemento obtém entrada do usuário |
| oninvalid |
|
Aciona quando um elemento é inválido |
| onreset | Aciona quando um formulário é redefinido | |
| onselect | Aciona quando um elemento é selecionado | |
| onsubmit | Aciona quando um formulário é enviado |
Eventos de teclado
| Eventos | HTML-5 | Descrição |
|---|---|---|
| onkeydown | Aciona quando uma tecla é pressionada | |
| onkeypress | Aciona quando uma tecla é pressionada e liberada | |
| onkeyup | Aciona quando uma tecla é liberada |
Eventos de mouse
As seguintes tags foram introduzidas em versões anteriores do HTML, mas todas as tags marcadas com
| Eventos | HTML-5 | Descrição |
|---|---|---|
| onclick | Dispara com um clique do mouse | |
| ondblclick | Dispara com um clique duplo do mouse | |
| ondrag |
|
Aciona quando um elemento é arrastado |
| ondragend |
|
Aciona no final de uma operação de arrastar |
| Ondragenter |
|
Aciona quando um elemento é arrastado para um destino de soltar válido |
| Ondragleave |
|
Aciona quando um elemento deixa um alvo de soltar válido |
| Ondragover |
|
Aciona quando um elemento está sendo arrastado sobre um destino de soltar válido |
| ondragstart |
|
Aciona no início de uma operação de arrastar |
| ondrop |
|
Aciona quando um elemento arrastado está sendo solto |
| onmousedown | Aciona quando um botão do mouse é pressionado | |
| onmousemove | Aciona quando o ponteiro do mouse se move | |
| onmouseout | Aciona quando o ponteiro do mouse sai de um elemento | |
| no mouse | Aciona quando o ponteiro do mouse se move sobre um elemento | |
| onmouseup | Aciona quando um botão do mouse é liberado | |
| onmousewheel |
|
Aciona quando a roda do mouse está sendo girada |
| onscroll |
|
Aciona quando a barra de rolagem de um elemento está sendo rolada |
Eventos de mídia
As seguintes tags foram introduzidas em versões anteriores do HTML, mas todas as tags marcadas com
| Eventos | HTML-5 | Descrição |
|---|---|---|
| Onabort | Aciona em um evento de aborto | |
| oncanplay |
|
Aciona quando uma mídia pode iniciar a reprodução, mas pode ter que parar para armazenamento em buffer |
| oncanplaythrough |
|
Aciona quando uma mídia pode ser reproduzida até o fim, sem parar para armazenamento em buffer |
| mudança de ondulação |
|
Aciona quando o comprimento de uma mídia é alterado |
| esvaziado |
|
Aciona quando um elemento de recurso de mídia fica vazio repentinamente. |
| ligado |
|
Aciona quando uma mídia chega ao fim |
| onerror |
|
Aciona quando ocorre um erro |
| onloadeddata |
|
Aciona quando os dados da mídia são carregados |
| onloadedmetadata |
|
Aciona quando a duração e outros dados de mídia de um elemento de mídia são carregados |
| onloadstart |
|
Aciona quando o navegador começa a carregar os dados de mídia |
| em pausa |
|
Aciona quando os dados de mídia são pausados |
| em jogo |
|
Aciona quando os dados de mídia vão começar a ser reproduzidos |
| tocando |
|
Aciona quando os dados de mídia começam a ser reproduzidos |
| em progresso |
|
Aciona quando o navegador busca os dados de mídia |
| onratechange |
|
Aciona quando a taxa de reprodução dos dados de mídia muda |
| onreadystatechange |
|
Aciona quando o estado de prontidão muda |
| procurado |
|
Aciona quando o atributo de busca de um elemento de mídia não é mais verdadeiro e a busca termina |
| em busca |
|
Aciona quando o atributo de busca de um elemento de mídia é verdadeiro e a busca começa |
| montado |
|
Aciona quando há um erro na busca de dados de mídia |
| suspender |
|
Aciona quando o navegador busca dados de mídia, mas é interrompido antes que todo o arquivo de mídia seja buscado |
| ontimeupdate |
|
Aciona quando a mídia muda sua posição de reprodução |
| onvolumechange |
|
Aciona quando uma mídia altera o volume, também quando o volume está definido como "mudo" |
| esperando |
|
Aciona quando a mídia para de reproduzir, mas espera-se que retome |