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 |