O melhor tutorial HTML Evento em 2024. Neste tutorial você pode aprender propriedades de eventos globais,janela Propriedades de Eventos (Atributos Janela de Eventos),evento Form (Formulário de Eventos),eventos de teclado (eventos de teclado),eventos do mouse (mouse Eventos),evento Multimedia (Eventos de Mídia),outros eventos,

HTML Evento

propriedades de eventos globais

Um novo recurso é que você pode fazer eventos HTML 4 HTML desencadear o comportamento do navegador, por exemplo, iniciar um JavaScript quando um usuário clica em um elemento HTML.

Se você quiser saber mais sobre a propriedade de evento, visite o JavaScript Tutorial

A tabela a seguir apresenta as propriedades de eventos padrão, eles podem ser inseridos em elementos HTML / XHTML para definir ações de eventos.

Novo: HTML5 novas propriedades do evento.


janela Propriedades de Eventos (Atributos Janela de Eventos)

Este evento é disparado pela janela (por tag <body>):

propriedade valor descrição
onafterprint Nova escrita Depois de executar o script para imprimir o documento
o OnBeforePrint Nova escrita Executar script antes de o documento é impresso
onbeforeonload Nova escrita Execute o script antes de o documento é carregado
onblur escrita Executar o script quando a janela perde o foco
onerror Nova escrita Executar o script quando ocorre um erro
onfocus escrita Executar o script quando a janela recebe foco
onhaschange Nova escrita Executar o script quando o documento muda
onload escrita Executar o script quando o documento é carregado
onmessage Nova escrita Executar o script quando a mensagem de disparo
onoffline Nova escrita Executar o script quando o documento está offline
ononline Nova escrita Ao executar o script na linha de documento
onpagehide Nova escrita Executar o script quando a janela ser escondida
onpageshow Nova escrita Executar o script quando a janela é visível
onpopstate Nova escrita Executar o script quando o histórico de alterações janela
onredo Nova escrita Executar o script quando o documento é executado e, em seguida, executar a operação (redo)
onResize Nova escrita Executar o script quando a janela é redimensionada
onstorage Nova escrita Quando a área de atualização de armazenamento na Web (dados quando mudanças ocorrem no espaço de memória) para executar o script
AoAnular Nova escrita Executar o script quando o documento é executado a revogação
o onunload Nova escrita Executar o script quando o usuário deixa o documento


evento Form (Formulário de Eventos)

acionadores de evento Form (para todos os elementos HTML, mas os elementos para um formulário HTML dentro de um formulário) em um formulário HTML:

propriedade valor descrição
onblur escrita Executar o script quando o elemento perde o foco
onchange escrita Executar o script quando o elemento muda
oncontextmenu Nova escrita Executar o script quando o menu de contexto do gatilho
onfocus escrita Executar o script quando o elemento recebe foco
onformchange Nova escrita Executar o script quando o formulário muda
onforminput Nova escrita Executar o script quando o formulário para obter a entrada do usuário
oninput Nova escrita Executar o script quando o elemento para obter a entrada do usuário
oninvalid Nova escrita Executar o script quando o elemento é inválido
onreset escrita Executar o script quando o formulário é reposto. HTML 5 não é suportado.
onselect escrita Executar o script quando o elemento selecionado
onsubmit escrita Executar o script quando o formulário é enviado


eventos de teclado (eventos de teclado)

propriedade valor descrição
onkeydown escrita Executar o script quando a tecla for pressionada
onkeypress escrita Executar o script quando você pressionar e soltar o botão
onkeyup escrita Executar o script quando a chave é liberada


eventos do mouse (mouse Eventos)

Desencadeada por eventos de mouse, o comportamento do usuário semelhante:

propriedade valor descrição
onclick escrita Executar o script quando você clique com o mouse
ondblclick escrita Executar o script quando o mouse clique duplo
ondrag Nova escrita Executar o script quando o elemento de arrastar
ondragend Nova escrita Executar o script quando a operação de arrastar termina
OnDragEnter Nova escrita Executar o script quando o elemento é arrastado para um destino de soltar válido
OnDragLeave Nova escrita Executar o script quando o elemento deixar destino de soltar válido
ondragover Nova escrita Executar o script quando o elemento é arrastado para uma queda válida sobre o alvo
ondragstart Nova escrita Executar o script quando uma operação de arrastar começa
ondrop Nova escrita Executar o script quando o elemento está sendo arrastado queda
onmousedown escrita Executar o script quando o botão do mouse é pressionado
onmousemove escrita Quando o ponteiro do mouse se move para executar o script
onmouseout escrita Executar o script quando o ponteiro do mouse se move para fora do elemento
onmouseover escrita Executar o script quando o ponteiro do mouse se move sobre o elemento
onmouseup escrita Executar o script quando o botão do mouse é liberado
OnMouseWheel Nova escrita Executar o script quando a roda do mouse
onscroll Nova escrita Ao executar os elementos da barra de scroll de rolagem


evento Multimedia (Eventos de Mídia)

Vídeo (vídeos), imagem (imagens) ou áudio (audio) que acionou o evento, tais como elementos de multimídia utilizados em HTML <audio>, <embed>, <img>, <object> e <video>):

propriedade valor descrição
onabort escrita Ao executar o script aborta evento
oncanplay Nova escrita Executar o script quando a mídia pode começar a jogar, mas pode ter de parar devido a buffer
oncanplaythrough Nova escrita Quando a mídia pode executar o script sem ter que parar por causa do tampão para jogar até o fim
ondurationchange Nova escrita Executar o script quando a mudança de comprimento de mídia
onemptied Nova escrita Quando de repente o elemento de recurso de mídia está vazia (erro de rede, o carregamento de erro, etc.) para executar o script
onended Nova escrita Executar o script quando a mídia chegou no final de
onerror Nova escrita Executar o script quando ocorre um erro durante o elemento de carga
onloadeddata Nova escrita Execute o script ao carregar dados de mídia
onloadedmetadata Nova escrita Executar o script quando a duração dos meios de comunicação e outros dados de mídia elementos foram carregados
onLoadStart Nova escrita Executar o script quando o navegador começa a carregar dados dos meios
OnPause Nova escrita Executar o script quando a suspensão dos dados dos meios
onplay Nova escrita Executar o script quando os dados de mídia é para começar a jogar
onplaying Nova escrita Executar o script quando os dados de mídia começou a jogar
OnProgress Nova escrita Executar o script quando o navegador está tomando os dados de media
onratechange Nova escrita Executar o script quando a mídia alterações na taxa de reprodução de dados
onreadystatechange Nova escrita Executar o script quando o estado de prontidão (ready-estado) mudança
onseeked Nova escrita Executar o script quando as propriedades elemento de mídia de posicionamento [1] já não é verdade eo posicionamento terminou
onseeking Nova escrita Ao posicionar elementos do atributo de mídia é verdadeiro e o posicionamento está em operação no início do script
onstalled Nova escrita Executar o script quando o processo de recuperação de dados de mídia (atraso) erros
onsuspend Nova escrita Executar o script quando o navegador tenha sido tomada, mas antes dos dados de mídia de recuperação de paradas de arquivos de mídia inteiras
ontimeupdate Nova escrita Executar o script quando a mídia muda a sua posição de reprodução
onvolumechange Nova escrita Ou irá executar o script quando o volume está definido para silenciar quando a mídia alterar o volume
onwaiting Nova escrita Execute o script continua a desempenhar quando a mídia tem de parar de jogar, mas a intenção

outros eventos

propriedade valor descrição
OnShow Nova escrita Quando o <Menu> elemento é apresentado no contexto do gatilho
ontoggle Nova escrita Quando os usuários abrem e fecham <detalhes> elemento gatilhos
HTML Evento
10/30