tutoriais mais recente desenvolvimento web
 

HTML DOM Events


HTML DOM Events

eventos HTML DOM permitir JavaScript para registrar diferentes manipuladores de eventos em elementos em um documento HTML.

Eventos são normalmente utilizados em combinação com funções, ea função não será executada antes de ocorrer o evento (such as when a user clicks a button) .

Tip: O modelo de evento foi padronizada pelo W3C no DOM Nível 2.


HTML DOM Events

DOM: Indica em qual DOM Nível propriedade foi introduzido.

eventos do mouse

Evento Descrição DOM
onclick O evento ocorre quando o usuário clica em um elemento 2
oncontextmenu O evento ocorre quando o direito cliques pelo usuário em um elemento para abrir um menu de contexto 3
ondblclick O evento ocorre quando o usuário clica duas vezes em um elemento 2
onmousedown O evento ocorre quando o usuário pressiona um botão do mouse sobre um elemento 2
OnMouseEnter O evento ocorre quando o cursor é movido para um elemento 2
OnMouseLeave O evento ocorre quando o cursor é movido para fora de um elemento 2
onmousemove O evento ocorre quando o ponteiro está se movendo enquanto ele está sobre um elemento 2
onmouseover O evento ocorre quando o cursor é movido para um elemento, ou para uma das suas crianças 2
onmouseout O evento ocorre quando um usuário move o ponteiro do mouse para fora de um elemento, ou fora de um de seus filhos 2
onmouseup O evento ocorre quando o usuário libera um botão do mouse sobre um elemento 2

Eventos de teclado

Evento Descrição DOM
onkeydown O evento ocorre quando o usuário pressiona uma tecla 2
onkeypress O evento ocorre quando o usuário pressiona uma tecla 2
onkeyup O evento ocorre quando o usuário libera uma tecla 2

Frame / Eventos Objeto

Evento Descrição DOM
onabort O evento ocorre quando o carregamento de um recurso foi abortada 2
onbeforeunload O evento ocorre antes que o documento está prestes a ser descarregado 2
onerror O evento ocorre quando ocorre um erro ao carregar um arquivo externo 2
onhashchange O evento ocorre quando tenha havido alterações na peça âncora de um URL 3
carregando O evento ocorre quando um objecto foi carregado 2
onpageshow O evento ocorre quando o usuário navega para uma página web 3
onpagehide O evento ocorre quando o usuário navega longe de uma página web 3
onresize O evento ocorre quando a exibição do documento é redimensionada 2
onscroll O evento ocorre quando a barra de rolagem de um elemento está sendo rolada 2
onunload O evento ocorre uma vez por página foi descarregada (de <body>) 2

Eventos de formulário

Evento Descrição DOM
onblur O evento ocorre quando um elemento perde o foco 2
em mudança O evento ocorre quando o conteúdo de um elemento de formulário, a seleção ou o estado verificado mudaram (for <input>, <keygen>, <select>, and <textarea>) 2
No foco O evento ocorre quando um elemento recebe foco 2
onfocusin O evento ocorre quando um elemento está prestes a obter o foco 2
onfocusout O evento ocorre quando um elemento está prestes a perder o foco 2
oninput O evento ocorre quando um elemento recebe entrada do usuário 3
oninvalid O evento ocorre quando um elemento é inválido 3
onreset O evento ocorre quando um formulário é reposto 2
onsearch O evento ocorre quando o usuário escreve algo em um campo de pesquisa (para <input = "search">) 3
onselect O evento ocorre após o usuário seleciona algum texto (for <input> and <textarea>) 2
onsubmit O evento ocorre quando um formulário é enviado 2

Arraste Eventos

Evento Descrição DOM
ondrag O evento ocorre quando um elemento está sendo arrastado 3
ondragend O evento ocorre quando o usuário tiver terminado arrastando um elemento 3
OnDragEnter O evento ocorre quando o elemento arrastado entra no alvo gota 3
OnDragLeave O evento ocorre quando o elemento arrastado deixa o destino de soltar 3
ondragover O evento ocorre quando o elemento é arrastado sobre o alvo gota 3
ondragstart O evento ocorre quando o usuário começa a arrastar um elemento 3
ondrop O evento ocorre quando o elemento arrastado é solto sobre o destino de soltar 3

Clipboard Eventos

Evento Descrição DOM
oncopy O evento ocorre quando o usuário copia o conteúdo de um elemento
oncut O evento ocorre quando o usuário corta o conteúdo de um elemento
onpaste O evento ocorre quando o usuário cola algum conteúdo em um elemento

eventos de impressão

Evento Descrição DOM
onafterprint O evento ocorre quando uma página começou a imprimir, ou se a caixa de diálogo de impressão foi fechada 3
onbeforeprint O evento ocorre quando uma página está prestes a ser impresso 3

Eventos de mídia

Evento Descrição DOM
onabort O evento ocorre quando o carregamento de uma mídia é abortada 3
oncanplay O evento ocorre quando o navegador pode começar a jogar a mídia (quando se tem tamponada suficiente para começar) 3
oncanplaythrough O evento ocorre quando o navegador pode jogar através da mídia sem parar para o buffer 3
ondurationchange O evento ocorre quando a duração da mídia é alterado 3
onemptied O evento ocorre quando algo ruim acontece e o arquivo de mídia é subitamente indisponível (like unexpectedly disconnects) 3
onended O evento ocorre quando a mídia tem chegar ao final (useful for messages like "thanks for listening") 3
onerror O evento ocorre quando ocorreu um erro durante o carregamento de um arquivo de mídia 3
onloadeddata O evento ocorre quando os dados media é carregado 3
onloadedmetadata O evento ocorre quando os dados meta (like dimensions and duration) são carregado 3
onLoadStart O evento ocorre quando o navegador começa a olhar para a mídia especificada 3
OnPause O evento ocorre quando a mídia está em pausa seja pelo usuário ou programaticamente 3
onplay O evento ocorre quando a mídia foi iniciado ou não está em pausa 3
onplaying O evento ocorre quando a mídia está jogando depois de ter sido interrompido ou parado para o buffer 3
em progresso O evento ocorre quando o navegador está no processo de obtenção dos dados de mídia (downloading the media) 3
onratechange O evento ocorre quando a velocidade de reprodução da mídia é alterado 3
onseeked O evento ocorre quando o usuário terminar movendo / pular para uma nova posição na mídia 3
onseeking O evento ocorre quando o usuário começa a se mover / salto para uma nova posição na mídia 3
onstalled O evento ocorre quando o navegador está tentando obter dados de mídia, mas os dados não está disponível 3
onsuspend O evento ocorre quando o navegador intencionalmente não está recebendo dados de mídia 3
ontimeupdate O evento ocorre quando a posição de reprodução mudou (como quando os atacantes rápida de usuário para um ponto diferente na mídia) 3
onvolumechange O evento ocorre quando o volume da mídia mudou (inclui definir o volume para "mute") 3
onwaiting O evento ocorre quando o suporte tem uma pausa mas é esperado para retomar (como quando o suporte de pausa para tamponar mais dados) 3

Eventos animação

Evento Descrição DOM
animationend O evento ocorre quando uma animação CSS completou 3
animationiteration O evento ocorre quando uma animação CSS é repetido 3
animationstart O evento ocorre quando uma animação CSS começou 3

transição Eventos

Evento Descrição DOM
transitionend O evento ocorre quando uma transição CSS completou 3

Eventos enviados pelo servidor

Evento Descrição DOM
onerror O evento ocorre quando um erro ocorre com a origem do evento
onmessage O evento ocorre quando uma mensagem é recebida através da fonte de evento
AoAbrir O evento ocorre quando uma conexão com a origem do evento é aberto

Eventos Diversos

Evento Descrição DOM
onmessage O evento ocorre quando uma mensagem é recebida através ou a partir de um objeto (WebSocket, Web Worker, Event Source or a child frame or a parent window) 3
OnMouseWheel Descontinuada. Use o onwheel evento vez
ononline O evento ocorre quando o navegador começa a trabalhar on-line 3
onoffline O evento ocorre quando o navegador começa a trabalhar offline 3
onpopstate O evento ocorre quando a história da janela muda 3
onshow O evento ocorre quando um <menu> elemento é mostrado como um menu de contexto 3
onstorage O evento ocorre quando uma área de armazenamento na Web é atualizado 3
ontoggle O evento ocorre quando o usuário abre ou fecha a <details> elemento 3
onwheel O evento ocorre quando a roda do rato rola para cima ou para baixo ao longo de um elemento 3

toque em Eventos

Evento Descrição DOM
ontouchcancel O evento ocorre quando o contato é interrompido
ontouchend O evento ocorre quando um dedo é removido de uma tela sensível ao toque
OnTouchMove O evento ocorre quando um dedo é arrastada pela tela
ontouchstart O evento ocorre quando um dedo é colocado em uma tela sensível ao toque

objeto de evento

constantes

Constante Descrição DOM
CAPTURING_PHASE A fase evento atual é a fase de captura (1) 1
AT_TARGET O evento é corrente na fase de destino, isto é, está a ser avaliado para o alvo de eventos (2) 2
BUBBLING_PHASE A fase evento corrente é a fase de borbulhamento (3) 3

propriedades

Propriedade Descrição DOM
bolhas Retorna se ou não um evento específico é um evento bolha 2
canceláveis Retorna se ou não um evento pode ter sua ação padrão impedido 2
currentTarget Retorna o elemento cuja ouvintes evento acionou o evento 2
defaultPrevented Retorna ou não o preventDefault() método foi chamado para o evento 3
eventPhase Devoluções qual fase do fluxo de eventos está sendo avaliadas 2
IsTrusted Retorna se ou não um evento é confiável 3
alvo Retorna o elemento que disparou o evento 2
timeStamp Retorna o tempo (in milliseconds relative to the epoch) na qual o evento foi criado 2
tipo Retorna o nome do evento 2
Visão Retorna uma referência ao objeto Janela onde o evento ocorreu 2

Métodos

Método Descrição DOM
preventDefault() Cancela o evento se é canceláveis, o que significa que a ação padrão que pertence ao evento não ocorrerá 2
stopImmediatePropagation() Impede que outros ouvintes do mesmo evento de ser chamado 3
stopPropagation() Impede ainda a propagação de um evento durante o fluxo de eventos 2

MouseEvent objeto

Propriedade Descrição DOM
altKey Retorna se o "ALT" tecla foi pressionada quando o evento do mouse foi acionado 2
botão Retorna qual botão do mouse foi pressionado quando o evento do mouse foi acionado 2
botões Devoluções quais botões do mouse foram pressionados quando o evento do mouse foi acionado 3
clientX Retorna a coordenada horizontal do ponteiro do mouse, em relação à janela atual, quando o evento de mouse foi acionado 2
clientY Retorna a coordenada vertical do ponteiro do mouse, em relação à janela atual, quando o evento de mouse foi acionado 2
ctrlKey Retorna se o "CTRL" tecla foi pressionada quando o evento do mouse foi acionado 2
detalhe Retorna um número que indica quantas vezes o mouse foi clicado 2
metakey Retorna se o "META" tecla foi pressionada quando um evento foi acionado 2
pageX Retorna a coordenada horizontal do ponteiro do mouse, em relação ao documento, quando o evento de mouse foi acionado
pageY Retorna a coordenada vertical do ponteiro do mouse, em relação ao documento, quando o evento de mouse foi acionado
relatedTarget Retorna o elemento relacionado com o elemento que desencadeou o evento de mouse 2
screenX Retorna a coordenada horizontal do ponteiro do mouse, em relação à tela, quando um evento foi acionado 2
screenY Retorna a coordenada vertical do ponteiro do mouse, em relação à tela, quando um evento foi acionado 2
tecla Shift Retorna se o "SHIFT" tecla foi pressionada quando um evento foi acionado 2
qual Retorna qual botão do mouse foi pressionado quando o evento do mouse foi acionado 2

KeyboardEvent objeto

Propriedade Descrição DOM
altKey Retorna se o "ALT" tecla foi pressionada quando o evento chave foi desencadeada 2
ctrlKey Retorna se o "CTRL" tecla foi pressionada quando o evento chave foi desencadeada 2
charCode Retorna o código de caracteres Unicode da chave que acionou o evento onkeypress 2
chave Retorna o valor da tecla representado pelo evento 3
Código chave Retorna o código de caracteres Unicode da chave que acionou o evento onkeypress, ou o código de chave Unicode da chave que desencadeou a onkeydown ou evento onkeyup 2
localização Retorna a localização de uma tecla no teclado ou dispositivo 3
metakey Retorna se o "meta" tecla foi pressionada quando o evento chave foi desencadeada 2
tecla Shift Retorna se o "SHIFT" tecla foi pressionada quando o evento chave foi desencadeada 2
qual Retorna o código de caracteres Unicode da chave que acionou o evento onkeypress, ou o código de chave Unicode da chave que desencadeou a onkeydown ou evento onkeyup 2

HashChangeEvent objeto

Propriedade Descrição DOM
newURL Retorna o URL do documento, após o hash foi alterado
OLDURL Retorna o URL do documento, antes de o hash foi mudado

PageTransitionEvent objeto

Propriedade Descrição DOM
persistiu Retorna se o site foi armazenado em cache pelo navegador

FocusEvent objeto

Propriedade Descrição DOM
relatedTarget Retorna o elemento relacionado com o elemento que disparou o evento 3

AnimationEvent objeto

Propriedade Descrição DOM
animationName Retorna o nome da animação
tempo gasto Retorna o número de segundos uma animação foi executado

TransitionEvent objeto

Propriedade Descrição DOM
nome da propriedade Retorna o nome da propriedade CSS associada com a transição
tempo gasto Retorna o número de segundos uma transição foi executado

WheelEvent objeto

Propriedade Descrição DOM
deltaX Retorna a quantidade de deslocamento horizontal de uma roda de rato (x-axis) 3
deltaY Retorna a quantidade de deslocamento vertical de uma roda de rato (y-axis) 3
deltaZ Retorna a quantidade de deslocamento de uma roda de rato para o eixo z 3
deltaMode Retorna um número que representa o aparelho de medidas para os valores de delta (pixels, lines or pages) 3