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 |