English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de Referência HTML

大全 de etiquetas HTML

Eventos do HTML

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.

Atributos de evento global

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.

Atributos de Evento de Janela (Window Event Attributes)

O evento é acionado pela janela (aplicável ao <body> tag):

AtributoValorDescrição
onafterprintHTML5scriptExecute o script após imprimir o documento
onbeforeprintHTML5scriptExecute o script antes de imprimir o documento
onbeforeonloadHTML5scriptExecute o script antes de carregar o documento
onblurscriptQuando a janela perder o foco, execute o script
onerrorHTML5scriptQuando um erro ocorrer, execute o script
onfocusscriptQuando a janela receber o foco, execute o script
onhaschangeHTML5scriptQuando o documento mudar, execute o script
onloadscriptQuando o documento for carregado, execute o script
onmessageHTML5scriptQuando um mensagem for acionada, execute o script
onofflineHTML5scriptQuando o documento estiver offline, execute o script
ononlineHTML5scriptQuando o documento estiver online, execute o script
onpagehideHTML5scriptQuando a janela for oculta, execute o script
onpageshowHTML5scriptQuando a janela estiver visível, execute o script
onpopstateHTML5scriptQuando o histórico da janela mudar, execute o script
onredoHTML5scriptQuando o documento executar refazer (redo), execute o script
onresizeHTML5scriptQuando o tamanho da janela for ajustado, execute o script
onstorageHTML5scriptQuando a área do Web Storage for atualizada (quando os dados na área de armazenamento mudarem) execute o script
onundoHTML5scriptQuando o documento executar desfazer, execute o script
onunloadHTML5scriptQuando o usuário sair do documento, execute o script

Eventos de formulário (Form Events)

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):

AtributoValorDescrição
onblurscriptQuando um elemento perder o foco, execute o script
onchangescriptQuando um elemento mudar, execute o script
oncontextmenuHTML5scriptQuando o menu de contexto for acionado, execute o script
onfocusscriptQuando um elemento receber o foco, execute o script
onformchangeHTML5scriptQuando o formulário mudar, execute o script
onforminputHTML5scriptQuando o formulário receber entrada do usuário, execute o script
oninputHTML5scriptQuando um elemento receber entrada do usuário, execute o script
oninvalidHTML5scriptQuando um elemento for inválido, execute o script
onresetscriptQuando o formulário for resetado, execute o script. HTML 5 Não suportado.
onselectscriptQuando um elemento for selecionado, execute o script
onsubmitscriptQuando o formulário for submetido, execute o script

Eventos de Teclado (Keyboard Events)

AtributoValorDescrição
onkeydownscriptQuando a tecla for pressionada, execute o script
onkeypressscriptQuando a tecla for pressionada e solta, execute o script
onkeyupscriptQuando a tecla for solta, execute o script

Eventos do Mouse (Mouse Events)

Evento acionado pelo mouse, semelhante ao comportamento do usuário:

AtributoValorDescrição
onclickscriptQuando o mouse for clicado, execute o script
ondblclickscriptQuando o mouse for duplamente clicado, execute o script
onmousedownscriptQuando o botão do mouse for pressionado, execute o script
onmousemovescriptQuando o ponteiro do mouse se mover, execute o script
onmouseoutscriptQuando o ponteiro do mouse sair do elemento, execute o script
onmouseoverscriptQuando o ponteiro do mouse estiver sobre o elemento, execute o script
onmouseupscriptQuando o botão do mouse for solto, execute o script
onmousewheelHTML5scriptQuando a roda do mouse for girada, execute o script

Eventos de Arrastar (Drag Events)

Triggers the event through dragging the mouse, similar to user behavior:

AtributoValorDescrição
ondragHTML5scriptQuando o elemento for arrastado, execute o script
ondragendHTML5scriptQuando a operação de arrastar terminar, execute o script
ondragenterHTML5scriptQuando o elemento for arrastado para o destino de arrastar e soltar válido, execute o script
ondragleaveHTML5scriptQuando o elemento sair do destino de arrastar e soltar válido, execute o script
ondragoverHTML5scriptQuando o elemento for arrastado para cima do destino de arrastar e soltar válido, execute o script
ondragstartHTML5scriptQuando a operação de arrastar começar, execute o script
ondropHTML5scriptQuando o elemento que está sendo arrastado está sendo arrastado, execute o script
onscrollHTML5scriptQuando a barra de rolagem do elemento de rolagem for movida, execute o script

Eventos de Mídia (Media Events)

Triggers the event through video (videos), images (images) or audio (audio), commonly used in HTML media elements like <audio>, <embed>, <img>, <object> e <video>):

AtributoValorDescrição
onabortscriptQuando ocorrer um evento de interrupção, execute o script
oncanplayHTML5scriptQuando a mídia puder começar a ser reproduzida, mas pode precisar parar por buffers, execute o script
oncanplaythroughHTML5scriptQuando a mídia puder ser reproduzida até o final sem precisar parar por buffers, execute o script
ondurationchangeHTML5scriptQuando a duração da mídia mudar, execute o script
onemptiedHTML5scriptQuando o elemento de mídia de recursos ficarem vazios repentinamente (erros de rede, erros de carregamento, etc.), execute o script
onendedHTML5scriptQuando a mídia chegar ao final, execute o script
onerrorHTML5scriptQuando ocorrer um erro durante o carregamento do elemento, execute o script
onloadeddataHTML5scriptQuando os dados de mídia estiverem sendo carregados, execute o script
onloadedmetadataHTML5scriptQuando o elemento de mídia e outros dados de mídia forem carregados, execute o script
onloadstartHTML5scriptQuando o navegador começar a carregar dados de mídia, execute o script
onpauseHTML5scriptQuando os dados de mídia pausarem, execute o script
onplayHTML5scriptQuando os dados de mídia estiverem prestes a começar a ser reproduzidos, execute o script
onplayingHTML5scriptQuando os dados de mídia começarem a ser reproduzidos, execute o script
onprogressHTML5scriptQuando o navegador está obtendo dados de mídia, execute o script
onratechangeHTML5scriptonratechange
Aciona quando a taxa de reprodução dos dados do meio de mídia mudaHTML5scriptonreadystatechange-altera quando o estado (ready
onseekedHTML5scriptAciona quando a propriedade de localização do elemento de meio de mídia [1] já não é verdadeira e a localização terminou
onseekingHTML5scriptExecuta o script quando a propriedade de localização do elemento de meio de mídia é verdadeira e a localização começou
onstalledHTML5scriptExecuta o script quando há erro durante a obtenção de dados do meio de mídia (atrasado)
onsuspendHTML5scriptExecuta o script quando o navegador já está obtendo dados do meio de mídia mas parou antes de obter o arquivo completo
ontimeupdateHTML5scriptExecuta o script quando o meio de mídia muda sua posição de reprodução
onvolumechangeHTML5scriptExecuta o script quando o volume do meio de mídia muda ou quando o volume é configurado como mudo
onwaitingHTML5scriptExecuta o script quando o meio de mídia parou de reproduzir mas planeja continuar

Outros eventos

AtributoValorDescrição
onshowHTML5scriptAciona quando o elemento <menu> é exibido no contexto
ontoggleHTML5scriptAciona quando o usuário abre ou fecha o elemento <details>