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 |