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

fazem parte do HTML-5.

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

fazem parte do HTML-5.

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

fazem parte do HTML-5.

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

fazem parte do HTML-5.

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