Evento é um processo que ocorre quando o cliente toma uma atitude como no clicar de um botão.
Eventos do DOM do HTML
Evento
Descrição do evento
pertence a
abort
O evento ocorre quando o carregamento de uma mídia é abortado
UiEvent, Event
afterprint
O evento ocorre quando uma página começou a ser impressa, ou se a caixa de diálogo de impressão foi
fechada
Event
animationend
O evento ocorre quando uma animação CSS é concluída
AnimationEvent
animationiteration
O evento ocorre quando uma animação CSS é repetida
AnimationEvent
animationstart
O evento ocorre quando uma animação CSS é iniciada
AnimationEvent
beforeprint
O evento ocorre quando uma página está prestes a ser impressa
Event
beforeunload
O evento ocorre antes de o documento estar prestes a ser fechado
UiEvent, Event
blur(desfoque)
O evento ocorre quando um elemento perde o foco
FocusEvent
canplay
O evento ocorre quando o navegador pode começar a reproduzir a mídia (quando há buffer suficiente para
começar).
Event
canplaythrough
O evento ocorre quando o navegador pode reproduzir através da mídia sem parar para o
a bufferização da mesma.
Event
change
O evento ocorre quando o conteúdo de um elemento do formulário, a seleção ou o estado verificado mudou
(para <input>, <select> e <textarea>)
Event
click
O evento ocorre quando o usuário clica em um elemento
MouseEvent
contextmenu
O evento ocorre quando o usuário clica com o botão direito em um elemento para abrir um menu de contexto
MouseEvent
copy
O evento ocorre quando o usuário copia o conteúdo de um elemento
ClipboardEvent
cut
O evento ocorre quando o usuário corta o conteúdo de um elemento
ClipboardEvent
dblclick
O evento ocorre quando o usuário clica duas vezes em um elemento
MouseEvent
drag(arrastar)
O evento ocorre quando um elemento está sendo arrastado
DragEvent
dragend
O evento ocorre quando o usuário termina de arrastar um elemento
DragEvent
dragenter
O evento ocorre quando o elemento arrastado entra no destino de soltar
DragEvent
dragleave
O evento ocorre quando o elemento arrastado sai do destino de soltar
DragEvent
dragover
O evento ocorre quando o elemento arrastado está sobre o destino de soltar
DragEvent
dragstart
O evento ocorre quando o usuário começa a arrastar um elemento
DragEvent
drop
O evento ocorre quando o elemento arrastado é solto no destino de soltar
DragEvent
durationchange
O evento ocorre quando a duração da mídia é alterada
Event
ended(encerrado)
O evento ocorre quando a mídia chega ao fim (útil para mensagens como "obrigado por ouvir")
Event
erro
O evento ocorre quando ocorre um erro ao carregar um arquivo externo
ProgressEvent, UiEvent, Event
focus
O evento ocorre quando um elemento obtém o foco.
FocusEvent
focusin
O evento ocorre quando um elemento está prestes a obter o foco
FocusEvent
focusout
O evento ocorre quando um elemento está prestes a perder o foco
FocusEvent
fullscreenchange
O evento ocorre quando um elemento é exibido no modo tela cheia
Event
fullscreenerror
O evento ocorre quando um elemento não pode ser exibido no modo fullscreen
Event
hashchange
O evento ocorre quando houve mudanças na parte âncora de um URL
HashChangeEvent
input
O evento ocorre quando um elemento obtém a entrada do usuário InputEvent,
Event
invalid
O evento ocorre quando um elemento é inválido
Event
keydown
O evento ocorre quando o usuário está pressionando uma tecla
KeyboardEvent
keypress
O evento ocorre quando o usuário pressiona uma tecla
KeyboardEvent
keyup
O evento ocorre quando o usuário libera uma tecla
KeyboardEvent
load
O evento ocorre quando um objeto carregou
UiEvent, Event
loaddata
O evento ocorre quando os dados da mídia são carregados.
Event
loadmetadata
O evento ocorre quando os metadados (como dimensões e duração) são carregados.
Event
loadstart
O evento ocorre quando o navegador começa a procurar a mídia especificada
ProgressEvent
message
O evento ocorre quando uma mensagem é recebida através da fonte do evento
Event
mousedown
O evento ocorre quando o usuário pressiona o botão do mouse sobre um elemento
MouseEvent
mouseenter
O evento ocorre quando o ponteiro é movido para um elemento
MouseEvent
mouseleave
O evento ocorre quando o ponteiro é movido para fora de um elemento
MouseEvent
mousemove
O evento ocorre quando o ponteiro se move enquanto está sobre um elemento
MouseEvent
mouseover
O evento ocorre quando o ponteiro é movido para um elemento ou para um de seus filhos
MouseEvent
mouseout
O evento ocorre quando um usuário move o ponteiro do mouse para fora de um elemento ou de um de seus filhos
MouseEvent
mouseup
O evento ocorre quando um usuário libera um botão do mouse sobre um elemento
MouseEvent
mousewhell
do mouse Obsoleto. Use o evento wheel em vez de
WheelEvent
offline
O evento ocorre quando o navegador começa a funcionar offline
Event
online
O evento ocorre quando o navegador começa a funcionar online
Event
aberto
O evento ocorre quando uma conexão com a fonte do evento é aberta
Event
pagehide
O evento ocorre quando o usuário sai de uma página da web
PageTransitionEvent
pageshow
O evento ocorre quando o usuário navega para uma página da web
PageTransitionEvent
paste
O evento ocorre quando o usuário cola algum conteúdo em um elemento
ClipboardEvent
pause
O evento ocorre quando a mídia é pausada pelo usuário ou programaticamente
Event
play
O evento ocorre quando a mídia foi iniciada ou não está mais pausada
Event
playing
O evento ocorre quando a mídia está tocando depois de ter sido pausada ou interrompida para evento de buffer
Event
popstate
O evento ocorre quando o histórico da janela muda
PopStateEvent
progress
O evento ocorre quando o navegador está em processo de obtenção dos dados da mídia (download da mídia)
Event
ratechange
O evento ocorre quando a velocidade de reprodução da mídia é alterada.
Event
resize
O evento ocorre quando a visão do documento é redimensionada
UiEvent, Event
reset
O evento ocorre quando um formulário é resetado.
Event
scroll
O evento ocorre quando a barra de rolagem de um elemento está sendo rolada
UiEvent, Event
search
O evento ocorre quando o usuário escreve algo em um campo de pesquisa (para <input ="search">)
Event
seeked
O evento ocorre quando o usuário termina de se mover / pular para uma nova posição na mídia.
Event
search
O evento ocorre quando o usuário começa a se mover / pular para uma nova posição na mídia.
Event
select
O evento ocorre depois que o usuário seleciona algum texto (para <input>e <textarea>)
UiEvent, Event
show
O evento ocorre quando um elemento <menu>é mostrado como um evento do menu de contexto
stalled(paralisado)
O evento ocorre quando o navegador está tentando obter dados de mídia, mas os dados não
estão disponíveis.
Event
storage(armazenamento)
O evento ocorre quando uma área de armazenamento da Web é atualizada
StorageEvent
submit(enviar)
O evento ocorre quando um formulário é enviado
Event
suspend(suspender)
O evento ocorre quando o navegador intencionalmente não está obtendo dados de mídia.
Event
timeupdate
O evento ocorre quando a posição de reprodução mudou (como quando o usuário avança rapidamente para um ponto diferente na mídia)
Event
toggle
O evento ocorre quando o usuário abre ou fecha o elemento <details>
Event
touchcancel
O evento ocorre quando o toque é interrompido
TouchEvent
touchend
O evento ocorre quando um dedo é removido de um
TouchEvent da tela de toque
touchmove
O evento ocorre quando um dedo é arrastado pela tela
TouchEvent
touchstart
O evento ocorre quando um dedo é colocado em uma tela de toque
TouchEvent
transactionend
O evento ocorre quando uma transição CSS foi concluída
TransitionEvent
unload
O evento ocorre quando uma página é descarregada (para <body> )
UiEvent, Event
volumechange
O evento ocorre quando o volume da mídia muda (inclui definir o volume para "mudo")
Event
waiting
O evento ocorre quando a mídia foi pausada, mas espera-se que seja retomada (como quando a mídia pausa para armazenar mais dados em buffer)
Event
Wheel
O evento ocorre quando a roda do mouse rola para cima ou para baixo sobre um elemento
WheelEvent
HTML DOM - Eventos, Propertiedades e Métodos
Propriedade ou Método
Descrição
pertence a
altKey
Retorna se a tecla "ALT" foi pressionada quando o evento do mouse foi disparado
MouseEvent
altKey
Retorna se a tecla "ALT" foi pressionada quando o evento de tecla foi disparado.
KeyboardEvent, TouchEvent
animationName
Retorna o nome da animação
AnimationEvent
Bubbling
Retorna se um evento específico é ou não um evento bubbling
Event
botão
Retorna qual botão do mouse foi pressionado quando o evento do mouse foi acionado
MouseEvent
botões
Retorna quais botões do mouse foram pressionados quando o evento do mouse foi acionado
MouseEvent
cancelável
Retorna se um evento pode ou não ter sua ação padrão evitada
Event
charCode
Retorna o código de caractere Unicode da tecla que acionou o evento onkeypress
KeyboardEvent
changeTouches
Retorna uma lista de todos os objetos de toque cujo estado mudou entre o toque anterior e este toque
TouchEvent
clientX
Retorna a coordenada horizontal do ponteiro do mouse, em relação à janela atual, quando o evento do mouse foi acionado
MouseEvent, TouchEvent
clientY
Retorna a coordenada vertical do ponteiro do mouse, em relação à janela atual, quando o evento do mouse foi acionado
MouseEvent, TouchEvent
clipboardData
Retorna um objeto contendo os dados afetados pela operação
ClipboardData
code
Retorna o código da tecla que acionou o evento
KeyboardEvent
Composto
Retorna se o evento é composto ou não
Event
createEvent()
Cria um novo evento
Event
ctrlKey
Retorna se a tecla "CTRL" foi pressionada quando o evento do mouse foi acionado
MouseEvent
ctrlKey
Retorna se a tecla "CTRL" foi pressionada quando o evento da tecla foi acionado.
KeyboardEvent, TouchEvent
currentTarget
Retorna o elemento cujos ouvintes de evento acionaram o evento
Event
data
Retorna os caracteres inseridos
InputEvent
dataTransfer
Retorna um objeto contendo os dados sendo arrastados / soltos ou inseridos / excluídos
DragEvent, InputEvent
defaultPrevented
Retorna se o método preventDefault () foi chamado ou não para o evento
Event
deltaX
Retorna a quantidade de rolagem horizontal de uma roda do mouse (eixo x)
WheelEvent
deltaY
Retorna a quantidade de rolagem vertical de uma roda do mouse (eixo y)
WheelEvent
deltaZ
Retorna a quantidade de rolagem da roda do mouse para z-a
deltaMode
Retorna um número que representa a unidade de medidas para valores delta (pixels, linhas ou páginas)
WheelEvent
detalhe
Retorna um número que indica quantas vezes o mouse foi clicado
UiEvent
elapsedTime
Retorna o número de segundos que uma animação está executando
AnimationEvent
elapsedTime
Retorna o número de segundos que uma transição está em execução
eventPhase
Retorna qual fase do fluxo de evento está sendo avaliada no momento.
Event
getTargetRanges()
Retorna uma matriz contendo intervalos de destino que serão afetados pela inserção / exclusão
InputEvent
getModifierState()
Retorna uma matriz contendo intervalos de destino que serão afetados pela inserção / exclusão
MouseEvent
inputType
Retorna o tipo de alteração (ou seja, "inserindo" ou "excluindo")
InputEvent
isComposing
Retorna se o estado do evento está compondo ou não
InputEvent, KeyboardEvent
isTrusted
Retorna se um evento é ou não confiável
Event
key
Retorna o valor da tecla representada pelo evento
KeyboardEvent
key
Retorna a chave do item de armazenamento alterado
StorageEvent
keyCode
Retorna o código de caractere Unicode da tecla que acionou o evento onkeypress ou o código de tecla Unicode da tecla que acionou o evento
onkeydown ou onkeyup KeyboardEvent
location(localização)
Retorna a localização de uma tecla no teclado ou dispositivo
KeyboardEvent
lengthComputable
Retorna se o comprimento do progresso pode ser computável ou não
ProgressEvent
carregado
Retorna quanto trabalho foi carregado
ProgressEvent
metaKey
Retorna se a tecla "META" foi pressionada quando um evento foi acionado
MouseEvent
metaKey
Retorna se a tecla "meta" foi pressionada quando o evento de tecla foi acionado.
KeyboardEvent, TouchEvent
MovementX
Retorna a coordenada horizontal do ponteiro do mouse em relação à posição do último evento
mousemove MouseEvent
MovementY
Retorna a coordenada vertical do ponteiro do mouse em relação à posição do último evento
mousemove MouseEvent
newValue
Retorna o novo valor do item de armazenamento alterado
StorageEvent
newURL
Retorna a URL do documento, depois que o hash foi alterado
HasChangeEvent
offsetX
Retorna a coordenada horizontal do ponteiro do mouse em relação à posição da borda do elemento de destino
MouseEvent
offsetY
Retorna a coordenada vertical do ponteiro do mouse em relação à posição da borda do elemento de destino
MouseEvent
oldValue
Retorna o valor antigo do item de armazenamento alterado
StorageEvent
oldURL
Retorna a URL do documento, antes do hash ser alterado
HasChangeEvent
onemptied
O evento ocorre quando algo de ruim acontece e o arquivo de mídia fica subitamente indisponível (como se desconecta inesperadamente)
não há
pageX
Retorna a coordenada horizontal do ponteiro do mouse, em relação ao documento, quando o evento do mouse foi acionado
MouseEvent
pageY
Retorna a coordenada vertical do ponteiro do mouse, em relação ao documento, quando o evento do mouse foi acionado
MouseEvent
persisted
Retorna se a página da web foi armazenada em cache pelo navegador
PageTransitionEvent
preventDefault()
Cancela o evento se for cancelável, significando que a ação padrão que pertence ao evento não ocorrerá.
Event
propertyName
Retorna o nome da propriedade CSS associada à animação ou transição
AnimationEvent, TransitionEvent
pseudoElement
Retorna o nome do pseudo-elemento da animação ou transição
AnimationEvent, TransitionEvent
relatedTarget
Retorna o elemento relacionado ao elemento que disparou o evento de mouse
MouseEvent
relatedTarget
Retorna o elemento relacionado ao elemento que disparou o evento
FocusEvent
repeat
Retorna se uma tecla está sendo pressionada repetidamente ou não
KeyboardEvent
screenX
Retorna a coordenada horizontal do ponteiro do mouse, em relação à tela, quando um evento MouseEvent foi disparado
MouseEvent
screenY
Retorna a coordenada vertical do ponteiro do mouse, em relação à tela, quando um evento MouseEvent foi disparado
MouseEvent
shiftKey
Retorna se a tecla "SHIFT" foi pressionada quando um evento foi disparado
MouseEvent
shiftKey
Retorna se a tecla "SHIFT" foi pressionada quando o evento de tecla foi disparado
KeyboardEvent, TouchEvent
estado
Retorna um objeto contendo uma cópia das entradas do histórico
PopStateEvent
stopImmediatePropagation()
Evita que outros ouvintes do mesmo evento sejam chamados de Evento
stopPropagation()
Evita a propagação adicional de um evento durante o fluxo de eventos
Event
storageArea
Retorna um objeto que representa o objeto de armazenamento afetado
StorageEvent
target
Retorna o elemento que disparou o evento
Event
targetTouches
Retorna uma lista de todos os objetos de toque que estão em contato com a superfície e onde o evento touchstart ocorreu no mesmo elemento de destino que o elemento de destino atual
TouchEvent
timeStamp
Retorna a hora (em milissegundos em relação à época) em que o evento foi criado.
Event
total
Retorna a quantidade total de trabalho que será carregado
ProgressEvent
touches
Retorna uma lista de todos os objetos de toque que estão atualmente em contato com a superfície
TouchEvent
transactionend
O evento ocorre quando uma transição CSS foi concluída
TransitionEvent
type(tipo)
Retorna o nome do evento
Event
url
Retorna a URL do documento do item alterado
StorageEvent
que
Retorna qual botão do mouse foi pressionado quando o evento do mouse foi acionado
MouseEvent
que
retorna o código de caractere Unicode da tecla que acionou o evento onkeypress ou o código de tecla Unicode da tecla que acionou o evento
onkeydown ou onkeyup KeyboardEvent
view
Retorna uma referência ao objeto Window onde o evento ocorreu
UiEvent
Referência : w3schools