tutoriais mais recente desenvolvimento web
 

HTML Event Attributes


Atributos de Eventos Globais

HTML 4 adicionou a capacidade de deixar que os acontecimentos desencadear ações em um navegador, como começar um JavaScript quando um usuário clica em um elemento.

Para saber mais sobre os eventos de programação, visite o nosso tutorial JavaScript .

A seguir estão os atributos de eventos globais que podem ser adicionados a elementos HTML para definir ações de eventos.

= Atributos New evento em HTML5.


Atributos janela de Eventos

Eventos acionado para o objeto de janela (aplica-se ao <body> tag):

Atributo Valor Descrição
onafterprint script Script a ser executado depois que o documento é impresso
onbeforeprint script Script a ser executado antes que o documento é impresso
onbeforeunload script Script a ser executado quando o documento está prestes a ser descarregado
onerrorscript Script a ser executado quando ocorre um erro
onhashchange script Script a ser executado quando houve alterações na peça âncora da uma URL
onload script Acionado depois que a página é terminar de carregar
onmessagescript Script a ser executado quando a mensagem é acionado
onoffline script Script a ser executado quando o navegador começa a trabalhar off-line
ononline script Script a ser executado quando o navegador começa a trabalhar on-line
onpagehidescript Script a ser executado quando um usuário navega longe de uma página
onpageshow script Script a ser executado quando um usuário navega para uma página
onpopstatescript Script a ser executado quando as mudanças de história da janela
onresize script Fires quando a janela do navegador é redimensionada
onstoragescript Script a ser executado quando uma área de armazenamento na Web é atualizado
onunload script Dispara uma vez a página foi descarregada (ou a janela do navegador foi fechado)

Eventos de formulário

Eventos disparados por ações dentro de um formulário HTML (aplica-se a quase todos os elementos HTML, mas é mais utilizado em elementos de formulário):

Atributo Valor Descrição
onblur script Incêndios no momento em que o elemento perde o foco
onchange script Dispara o momento em que o valor do elemento é alterada
oncontextmenu script Script a ser executado quando um menu de contexto é acionado
onfocus script Dispara o momento em que o elemento obtém foco
oninput script Script a ser executado quando um elemento recebe entrada do usuário
oninvalid script Script a ser executado quando um elemento é inválido
onreset script É acionado quando o botão Reset em um formulário é clicado
onsearch script É acionado quando o usuário escreve algo em um campo de pesquisa (para <input = "search">)
onselect script Fires após algum texto foi selecionado em um elemento
onsubmit script Acionado quando um formulário é enviado

Eventos de teclado

Atributo Valor Descrição
onkeydown script É acionado quando um usuário está pressionando uma tecla
onkeypress script Acionado quando um usuário pressiona uma tecla
onkeyup script É acionado quando o usuário libera uma tecla

eventos de rato

Eventos disparados por um mouse ou ações do usuário semelhantes:

Atributo Valor Descrição
onclick script Incêndios em um clique do mouse sobre o elemento
ondblclick script Os incêndios em um mouse clique duas vezes sobre o elemento
ondrag script Script a ser executado quando um elemento é arrastado
ondragend script Script a ser executado no final de uma operação de arrastar
ondragenter script Script a ser executado quando um elemento foi arrastado para um destino de soltar válido
ondragleave script Script a ser executado quando um elemento deixa um destino de soltar válido
ondragover script Script a ser executado quando um elemento está sendo arrastado ao longo de um destino de soltar válido
ondragstart script Script a ser executado no início de uma operação de arrastar
ondrop script Script a ser executado quando o elemento arrastado está sendo descartado
onmousedown script É acionado quando um botão do mouse é pressionado para baixo em um elemento
onmousemove script É acionado quando o ponteiro do mouse se move enquanto está sobre um elemento
onmouseout script É acionado quando o ponteiro do mouse se move para fora de um elemento
onmouseover script É acionado quando o ponteiro do mouse se move sobre um elemento
onmouseup script É acionado quando um botão do mouse é solto sobre um elemento
onmousewheelscript Obsoleto. Use o onwheel atributo vez
onscroll script Script a ser executado quando a barra de rolagem de um elemento está a ser enrolado
onwheel script É acionado quando a roda do mouse rola para cima ou para baixo sobre um elemento

Clipboard Eventos

Atributo Valor Descrição
oncopy script É acionado quando o usuário copia o conteúdo de um elemento
oncut script É acionado quando o usuário corta o conteúdo de um elemento
onpaste script É acionado quando o usuário pastas algum conteúdo em um elemento

Eventos de mídia

Eventos disparados por mídias como vídeos, imagens e áudio (aplica-se a todos os elementos HTML, mas é mais comum em elementos de mídia, como <audio> , <embed> , <img> , <object> e <video> ).

Dica: Olhe para o nosso HTML de áudio e vídeo DOM Referência para obter mais informações.

Atributo Valor Descrição
onabortscript Script para ser executado em abort
oncanplayscript Script a ser executado quando um arquivo está pronto para começar a jogar (quando o buffer suficiente para começar)
oncanplaythroughscript Script a ser executado quando um arquivo pode ser jogado todo o caminho até o fim, sem parar para o buffer
oncuechangescript Script a ser executado quando as mudanças de sinalização em um <track> elemento
ondurationchangescript Script a ser executado quando o comprimento das mudanças de suporte
onemptiedscript Script a ser executado quando algo ruim acontece eo arquivo é subitamente indisponível (como inesperadamente desconecta)
onendedscript Script a ser executado quando a mídia tem chegar ao final (um evento útil para mensagens como "obrigado por escutar")
onerrorscript Script a ser executado quando ocorre um erro quando o arquivo está sendo carregado
onloadeddatascript Script a ser executado quando os dados de mídia é carregado
onloadedmetadatascript Script a ser executado quando os dados meta (como dimensões e duração) são carregadas
onloadstartscript Script a ser executado da mesma maneira que o arquivo começa a carregar antes de qualquer coisa é realmente carregada
onpausescript Script a ser executado quando a mídia está em pausa seja pelo usuário ou programaticamente
onplayscript Script a ser executado quando a mídia está pronto para começar a jogar
onplayingscript Script a ser executado quando a mídia realmente começou a jogar
onprogressscript Script a ser executado quando o navegador está em processo de obter os dados de media
onratechangescript Script para ser executado cada vez que as alterações na taxa de reprodução (como quando um usuário muda para um movimento lento ou modo de avanço rápido)
onseekedscript Script a ser executado quando a seeking atributo é definido como falso indicando que a busca acabou
onseekingscript Script a ser executado quando a seeking atributo é definido como true, indicando que a procura está activa
onstalledscript Script a ser executado quando o navegador é incapaz de buscar os dados de mídia por qualquer motivo
onsuspendscript Script a ser executado quando buscar os dados de media está parado antes de ser completamente carregada por qualquer motivo
ontimeupdatescript Script a ser executado quando a posição de reprodução mudou (como quando o avanço rápido do usuário para um ponto diferente na mídia)
onvolumechangescript Script para ser executado cada vez que o volume é mudado, o que (inclui definir o volume para "mute")
onwaitingscript Script a ser executado quando a mídia fez uma pausa, mas é esperado para retomar (como quando a mídia faz uma pausa para o buffer mais dados)

Eventos Diversos

Atributo Valor Descrição
onerror script É acionado quando ocorre um erro ao carregar um arquivo externo
onshow script Acionado quando um <menu> elemento é mostrado como um menu de contexto
ontoggle script É acionado quando o usuário abre ou fecha o <details> elemento