English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
O valor do manipulador de evento é uma ou várias expressões Javascript, métodos e chamadas de função separadas por ponto-e-vírgula, entre aspas. Quando o evento ocorrer, o navegador executará esse código.
HTML 4 Uma das novas características é permitir que eventos HTML iniciem comportamentos no navegador, por exemplo, ao clicar em um elemento HTML, iniciar um segmento de JavaScript.
A tabela a seguir fornece atributos de evento padrão, que podem ser inseridos no HTML/Em elementos XHTML, define comportamento de evento.
HTML5 : HTML5Novo evento de atributo.
O evento é acionado pela janela (aplicável ao <body> tag):
Atributo | Valor | Descrição |
onafterprintHTML5 | script | Execute o script após imprimir o documento |
onbeforeprintHTML5 | script | Execute o script antes de imprimir o documento |
onbeforeonloadHTML5 | script | Execute o script antes de carregar o documento |
onblur | script | Quando a janela perder o foco, execute o script |
onerrorHTML5 | script | Quando um erro ocorrer, execute o script |
onfocus | script | Quando a janela receber o foco, execute o script |
onhaschangeHTML5 | script | Quando o documento mudar, execute o script |
onload | script | Quando o documento for carregado, execute o script |
onmessageHTML5 | script | Quando um mensagem for acionada, execute o script |
onofflineHTML5 | script | Quando o documento estiver offline, execute o script |
ononlineHTML5 | script | Quando o documento estiver online, execute o script |
onpagehideHTML5 | script | Quando a janela for oculta, execute o script |
onpageshowHTML5 | script | Quando a janela estiver visível, execute o script |
onpopstateHTML5 | script | Quando o histórico da janela mudar, execute o script |
onredoHTML5 | script | Quando o documento executar refazer (redo), execute o script |
onresizeHTML5 | script | Quando o tamanho da janela for ajustado, execute o script |
onstorageHTML5 | script | Quando a área do Web Storage for atualizada (quando os dados na área de armazenamento mudarem) execute o script |
onundoHTML5 | script | Quando o documento executar desfazer, execute o script |
onunloadHTML5 | script | Quando o usuário sair do documento, execute o script |
Eventos de formulário são acionados no formulário HTML (aplicáveis a todos os elementos HTML, mas o elemento HTML deve estar dentro do formulário):
Atributo | Valor | Descrição |
onblur | script | Quando um elemento perder o foco, execute o script |
onchange | script | Quando um elemento mudar, execute o script |
oncontextmenuHTML5 | script | Quando o menu de contexto for acionado, execute o script |
onfocus | script | Quando um elemento receber o foco, execute o script |
onformchangeHTML5 | script | Quando o formulário mudar, execute o script |
onforminputHTML5 | script | Quando o formulário receber entrada do usuário, execute o script |
oninputHTML5 | script | Quando um elemento receber entrada do usuário, execute o script |
oninvalidHTML5 | script | Quando um elemento for inválido, execute o script |
onreset | script | Quando o formulário for resetado, execute o script. HTML 5 Não suportado. |
onselect | script | Quando um elemento for selecionado, execute o script |
onsubmit | script | Quando o formulário for submetido, execute o script |
Atributo | Valor | Descrição |
onkeydown | script | Quando a tecla for pressionada, execute o script |
onkeypress | script | Quando a tecla for pressionada e solta, execute o script |
onkeyup | script | Quando a tecla for solta, execute o script |
Evento acionado pelo mouse, semelhante ao comportamento do usuário:
Atributo | Valor | Descrição |
onclick | script | Quando o mouse for clicado, execute o script |
ondblclick | script | Quando o mouse for duplamente clicado, execute o script |
onmousedown | script | Quando o botão do mouse for pressionado, execute o script |
onmousemove | script | Quando o ponteiro do mouse se mover, execute o script |
onmouseout | script | Quando o ponteiro do mouse sair do elemento, execute o script |
onmouseover | script | Quando o ponteiro do mouse estiver sobre o elemento, execute o script |
onmouseup | script | Quando o botão do mouse for solto, execute o script |
onmousewheelHTML5 | script | Quando a roda do mouse for girada, execute o script |
Triggers the event through dragging the mouse, similar to user behavior:
Atributo | Valor | Descrição |
ondragHTML5 | script | Quando o elemento for arrastado, execute o script |
ondragendHTML5 | script | Quando a operação de arrastar terminar, execute o script |
ondragenterHTML5 | script | Quando o elemento for arrastado para o destino de arrastar e soltar válido, execute o script |
ondragleaveHTML5 | script | Quando o elemento sair do destino de arrastar e soltar válido, execute o script |
ondragoverHTML5 | script | Quando o elemento for arrastado para cima do destino de arrastar e soltar válido, execute o script |
ondragstartHTML5 | script | Quando a operação de arrastar começar, execute o script |
ondropHTML5 | script | Quando o elemento que está sendo arrastado está sendo arrastado, execute o script |
onscrollHTML5 | script | Quando a barra de rolagem do elemento de rolagem for movida, execute o script |
Triggers the event through video (videos), images (images) or audio (audio), commonly used in HTML media elements like <audio>, <embed>, <img>, <object> e <video>):
Atributo | Valor | Descrição |
onabort | script | Quando ocorrer um evento de interrupção, execute o script |
oncanplayHTML5 | script | Quando a mídia puder começar a ser reproduzida, mas pode precisar parar por buffers, execute o script |
oncanplaythroughHTML5 | script | Quando a mídia puder ser reproduzida até o final sem precisar parar por buffers, execute o script |
ondurationchangeHTML5 | script | Quando a duração da mídia mudar, execute o script |
onemptiedHTML5 | script | Quando o elemento de mídia de recursos ficarem vazios repentinamente (erros de rede, erros de carregamento, etc.), execute o script |
onendedHTML5 | script | Quando a mídia chegar ao final, execute o script |
onerrorHTML5 | script | Quando ocorrer um erro durante o carregamento do elemento, execute o script |
onloadeddataHTML5 | script | Quando os dados de mídia estiverem sendo carregados, execute o script |
onloadedmetadataHTML5 | script | Quando o elemento de mídia e outros dados de mídia forem carregados, execute o script |
onloadstartHTML5 | script | Quando o navegador começar a carregar dados de mídia, execute o script |
onpauseHTML5 | script | Quando os dados de mídia pausarem, execute o script |
onplayHTML5 | script | Quando os dados de mídia estiverem prestes a começar a ser reproduzidos, execute o script |
onplayingHTML5 | script | Quando os dados de mídia começarem a ser reproduzidos, execute o script |
onprogressHTML5 | script | Quando o navegador está obtendo dados de mídia, execute o script |
onratechangeHTML5 | script | onratechange |
Aciona quando a taxa de reprodução dos dados do meio de mídia mudaHTML5 | script | onreadystatechange-altera quando o estado (ready |
onseekedHTML5 | script | Aciona quando a propriedade de localização do elemento de meio de mídia [1] já não é verdadeira e a localização terminou |
onseekingHTML5 | script | Executa o script quando a propriedade de localização do elemento de meio de mídia é verdadeira e a localização começou |
onstalledHTML5 | script | Executa o script quando há erro durante a obtenção de dados do meio de mídia (atrasado) |
onsuspendHTML5 | script | Executa o script quando o navegador já está obtendo dados do meio de mídia mas parou antes de obter o arquivo completo |
ontimeupdateHTML5 | script | Executa o script quando o meio de mídia muda sua posição de reprodução |
onvolumechangeHTML5 | script | Executa o script quando o volume do meio de mídia muda ou quando o volume é configurado como mudo |
onwaitingHTML5 | script | Executa o script quando o meio de mídia parou de reproduzir mas planeja continuar |
Atributo | Valor | Descrição |
onshowHTML5 | script | Aciona quando o elemento <menu> é exibido no contexto |
ontoggleHTML5 | script | Aciona quando o usuário abre ou fecha o elemento <details> |