Eventos do HTML DOM
- Página Anterior Atributo HTML
- Próxima Página Objeto Evento HTML
Eventos do HTML DOM
Os eventos do DOM HTML permitem que o JavaScript registre diferentes manipuladores de eventos em elementos do documento HTML.
Os eventos geralmente são usados em conjunto com funções, e as funções não são executadas antes de um evento ocorrer (por exemplo, quando o usuário clica em um botão).
Para obter tutoriais sobre eventos, aprenda nossa Tutorial de Eventos JavaScript.
| evento | Descrição | Pertence |
|---|---|---|
| abort | Ocorre este evento quando a carga do mídia é abortada. | |
| afterprint | Ocorre este evento quando a página começa a ser impressa ou quando o diálogo de impressão é fechado. | Event |
| animationend | Ocorre este evento quando a animação CSS é concluída. | AnimationEvent |
| animationiteration | Ocorre este evento quando a animação CSS é repetida. | AnimationEvent |
| animationstart | Ocorre este evento quando a animação CSS começa. | AnimationEvent |
| beforeprint | Ocorre este evento quando a página está prestes a ser impressa. | Event |
| beforeunload | Ocorre este evento antes de o documento ser desmascarado. | |
| blur | Ocorre este evento quando o elemento perde o foco. | FocusEvent |
| canplay | Ocorre este evento quando o navegador pode começar a reproduzir o mídia. | Event |
| canplaythrough | Ocorre este evento quando o navegador pode reproduzir o mídia sem parar a bufferização. | Event |
| change | Ocorre este evento quando o conteúdo, a seleção ou o estado selecionado do elemento do formulário muda. | Event |
| click | Ocorre este evento quando o usuário clicar no elemento. | MouseEvent |
| contextmenu | Ocorre este evento quando o usuário clicar com o botão direito no elemento para abrir o menu de contexto. | MouseEvent |
| copy | Ocorre este evento quando o usuário copia o conteúdo do elemento. | ClipboardEvent |
| cut | Ocorre este evento quando o usuário corta o conteúdo do elemento. | ClipboardEvent |
| dblclick | Ocorre este evento quando o usuário duplo-clique no elemento. | MouseEvent |
| drag | Ocorre este evento enquanto o elemento está sendo arrastado. | DragEvent |
| dragend | Este evento ocorre quando o usuário completa o arrasto do elemento. | DragEvent |
| dragenter | Este evento ocorre quando o elemento arrastado entra no alvo de largada. | DragEvent |
| dragleave | Este evento ocorre quando o elemento arrastado sai do alvo de largada. | DragEvent |
| dragover | Este evento ocorre quando o elemento arrastado está sobre o alvo de largada. | DragEvent |
| dragstart | Este evento ocorre quando o usuário começa a arrastar o elemento. | DragEvent |
| drop | Este evento ocorre quando o elemento arrastado é colocado no alvo de largada. | DragEvent |
| durationchange | Este evento ocorre quando a duração do mídia muda. | Event |
| ended | Este evento ocorre quando o mídia é reproduzido até o final. | Event |
| error | Este evento ocorre quando ocorre um erro após a carga de um arquivo externo. | |
| focus | Este evento ocorre quando o elemento ganha o foco. | FocusEvent |
| focusin | Este evento ocorre quando o elemento está prestes a ganhar o foco. | FocusEvent |
| focusout | Este evento ocorre quando o elemento está prestes a perder o foco. | FocusEvent |
| fullscreenchange | Este evento ocorre quando o elemento é exibido em modo de tela cheia. | Event |
| fullscreenerror | Este evento ocorre quando o elemento não pode ser exibido em modo de tela cheia. | Event |
| hashchange | Este evento ocorre quando a parte anexada da URL muda. | HashChangeEvent |
| input | Este evento ocorre quando o elemento recebe entrada do usuário. | |
| invalid | Este evento ocorre quando o elemento é inválido. | Event |
| keydown | Este evento ocorre quando o usuário está pressionando uma tecla. | KeyboardEvent |
| keypress | Este evento ocorre quando o usuário pressiona uma tecla. | KeyboardEvent |
| keyup | Este evento ocorre quando o usuário solta uma tecla. | KeyboardEvent |
| load | Este evento ocorre quando o objeto já foi carregado. | |
| loadeddata | Este evento ocorre após a carga dos dados do mídia. | Event |
| loadedmetadata | Este evento ocorre ao carregar metadados (por exemplo, tamanho e duração). | Event |
| loadstart | Este evento ocorre quando o navegador começa a buscar o mídia especificado. | ProgressEvent |
| message | Este evento ocorre ao receber mensagens através deste evento source. | Event |
| mousedown | Este evento ocorre quando o usuário pressiona o botão do mouse sobre o elemento. | MouseEvent |
| mouseenter | Este evento ocorre quando o ponteiro se move para o elemento. | MouseEvent |
| mouseleave | Este evento ocorre quando o ponteiro sai do elemento. | MouseEvent |
| mousemove | Este evento ocorre quando o ponteiro está movendo-se sobre o elemento. | MouseEvent |
| mouseout | Este evento ocorre quando o usuário move o ponteiro do mouse para fora do elemento ou de um de seus elementos filhos. | MouseEvent |
| mouseover | Este evento ocorre quando o ponteiro se move para o elemento ou para um de seus elementos filhos. | MouseEvent |
| mouseup | Este evento ocorre quando o usuário solta o botão do mouse sobre o elemento. | MouseEvent |
| mousewheel | Não recomendado para uso.Por favor, use wheel Evento. | WheelEvent |
| offline | O evento ocorre quando o navegador começa a trabalhar offline. | Event |
| online | O evento ocorre quando o navegador começa a trabalhar online. | Event |
| open | O evento ocorre ao abrir a conexão com o origem do evento. | Event |
| pagehide | O evento ocorre quando o usuário sai de uma página da web para navegar. | 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 no elemento. | ClipboardEvent |
| pause | O evento ocorre quando a mídia é pausada pelo usuário ou pausada de forma programática. | Event |
| play | O evento ocorre quando a mídia é iniciada ou não está mais pausada. | Event |
| playing | O evento ocorre quando a mídia é pausada ou parada para buffer e reproduzida novamente. | Event |
| popstate | O evento ocorre quando o histórico da janela muda. | PopStateEvent |
| progress | O evento ocorre quando o navegador está no processo de obter dados de mídia. | Event |
| ratechange | O evento ocorre quando a velocidade de reprodução da mídia muda. | Event |
| reset | O evento ocorre ao resetar o formulário. | Event |
| resize | O evento ocorre ao ajustar o tamanho da vista do documento. | |
| scroll | O evento ocorre ao rolar a barra de rolagem do elemento. | |
| search | O evento ocorre quando o usuário digita conteúdo no campo de pesquisa. | Event |
| seeked | O evento ocorre quando o usuário completa o movimento/salto para uma nova posição no mídia. | Event |
| seeking | O evento ocorre quando o usuário começa a mover/saltar para uma nova posição no mídia. | Event |
| select | O evento ocorre após o usuário selecionar o texto (para <input> e <textarea>). | |
| show | O evento ocorre quando o elemento <menu> é exibido como um menu de contexto. | Event |
| stalled | O evento ocorre quando o navegador tenta obter dados de mídia mas não estão disponíveis. | Event |
| storage | O evento ocorre quando a área de armazenamento da Web é atualizada. | StorageEvent |
| submit | O evento ocorre ao submeter o formulário. | Event |
| suspend | O evento ocorre quando o navegador decide não obter dados de mídia. | Event |
| timeupdate | O evento ocorre quando a posição de reprodução muda. | 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 o dedo é removido da tela do toque. | TouchEvent |
| touchmove | O evento ocorre quando o dedo arrasta na tela. | TouchEvent |
| touchstart | O evento ocorre quando o dedo está na tela do toque. | TouchEvent |
| transitionend | O evento ocorre quando a conversão CSS é concluída. | TransitionEvent |
| unload | Este evento ocorre após a desativação da página (para <body>). | |
| volumechange | Este evento ocorre quando a volume do mídia é alterado. | Event |
| waiting | Este evento ocorre quando o mídia é pausado, mas espera-se que seja restaurado. | Event |
| wheel | Este evento ocorre quando a roda do mouse é rolada para cima ou para baixo no elemento. | WheelEvent |
Atributos e métodos de eventos do HTML DOM
| Atributo/Método | Descrição | Pertence |
|---|---|---|
| altKey | Retorna se a tecla 'ALT' foi pressionada no evento de mouse. | MouseEvent |
| altKey | Retorna se a tecla 'ALT' foi pressionada no evento de tecla. | |
| animationName | Retorna o nome da animação. | AnimationEvent |
| bubbles | Retorna se o evento específico é um evento de bolha. | Event |
| button | Retorna o botão do mouse que estava pressionado no momento do evento de mouse. | MouseEvent |
| buttons | Retorna o botão do mouse que estava pressionado no momento do evento de mouse. | MouseEvent |
| cancelBubble | Define ou retorna se o evento deve ser propagado para a hierarquia superior. | |
| cancelable | Retorna se o evento pode evitar sua operação padrão. | Event |
| changeTouches | Retorna a lista de todos os objetos de toque cujo estado foi alterado entre o toque anterior e o toque atual. | TouchEvent |
| charCode | Retorna o código Unicode da tecla que desencadeou o evento onkeypress. | KeyboardEvent |
| clientX | Retorna a coordenada horizontal do cursor do mouse em relação à janela atual no momento do evento de mouse. | |
| clientY | Retorna a coordenada vertical do cursor do mouse em relação à janela atual no momento do evento de mouse. | |
| clipboardData | Retorna o objeto que contém os dados afetados pela operação de área de transferência. | ClipboardData |
| code | Retorna o código da tecla que desencadeou o evento. | KeyboardEvent |
| composed | Indica se o evento pode ser transmitido do Shadow DOM para o DOM geral. | Event |
| composedPath() | Retorna o caminho do evento. | |
| createEvent() | Cria um novo evento. | Event |
| ctrlKey | Retorna se a tecla 'CTRL' foi pressionada no evento de mouse. | MouseEvent |
| ctrlKey | Retorna se a tecla 'CTRL' foi pressionada no evento de tecla/mouse. | |
| currentTarget | Retorna o elemento que desencadeou o evento do ouvinte de evento. | Event |
| data | Retorna o caractere inserido. | InputEvent |
| dataTransfer | Retorna um objeto que contém os dados arrastados ou inseridos/excluídos. | |
| defaultPrevented | Retorna se o método preventDefault() foi chamado no evento. | Event |
| deltaX | Retorna a quantidade de rolagem horizontal da roda do mouse (eixo x). | WheelEvent |
| deltaY | Retorna a quantidade de rolagem vertical da roda do mouse (eixo y). | WheelEvent |
| deltaZ | Retorna a quantidade de rolagem do eixo Z da roda do mouse. | WheelEvent |
| deltaMode | Retorna um número que representa a unidade de medida do valor de incremento (píxeis, linhas ou páginas). | WheelEvent |
| detail | Retorna um número que indica quantas vezes o mouse foi clicado. | UiEvent |
| elapsedTime | Retorna os segundos que a animação já foi executada. | AnimationEvent |
| elapsedTime | Retorna os segundos que a transição já foi executada. | |
| eventPhase | Retorna em qual fase do fluxo de eventos o evento está sendo avaliado. | Event |
| getModifierState() | Retorna um array que contém o intervalo alvo, que será afetado pela inserção/remoção. | MouseEvent |
| getTargetRanges() | Retorna um array que contém o intervalo alvo, que será afetado pela inserção/remoção. | InputEvent |
| inputType | Retorna o tipo de alteração (ou seja, "inserting" ou "deleting"). | InputEvent |
| isComposing | Retorna se o estado do evento está sendo构成的. | |
| isTrusted | Retorna se o evento é confiável. | Event |
| key | Retorna o valor da chave do evento representado. | KeyboardEvent |
| key | Retorna a chave do item de armazenamento alterado. | StorageEvent |
| keyCode | Retorna o código Unicode da tecla que disparou o evento onkeypress, onkeydown ou onkeyup. | KeyboardEvent |
| location | Retorna a posição da tecla na tecla ou no dispositivo. | KeyboardEvent |
| lengthComputable | Retorna se o comprimento do progresso é calculável. | ProgressEvent |
| loaded | Retorna a quantidade de trabalho carregado. | ProgressEvent |
| metaKey | Retorna se a tecla "META" foi pressionada ao disparar o evento. | MouseEvent |
| metaKey | Retorna se a tecla "META" foi pressionada ao disparar o evento de tecla. | |
| MovementX | Retorna a coordenada horizontal do cursor do mouse em relação à posição do último evento mousemove. | MouseEvent |
| MovementY | Retorna a coordenada vertical do cursor do mouse em relação à posição do último evento mousemove. | MouseEvent |
| newURL | Retorna a URL do documento após a alteração do hash. | HasChangeEvent |
| newValue | Retorna o novo valor do item de armazenamento alterado. | StorageEvent |
| offsetX | Retorna a coordenada horizontal do cursor do mouse em relação à borda do elemento alvo. | MouseEvent |
| offsetY | Retorna a coordenada vertical do cursor do mouse em relação à borda do elemento alvo. | MouseEvent |
| oldURL | Retorna a URL do documento antes da alteração do hash. | HasChangeEvent |
| oldValue | Retorna o valor antigo do item de armazenamento alterado. | StorageEvent |
| onemptied | Ocorre este evento quando ocorre uma situação adversa e o arquivo de mídia fica inacessível de repente. | |
| pageX | Retorna a coordenada horizontal do cursor do mouse em relação ao documento ao disparar o evento do mouse. | MouseEvent |
| pageY | Retorna a coordenada vertical do cursor do mouse em relação ao documento ao disparar o evento do mouse. | MouseEvent |
| persisted | Retorna se a página foi cacheada pelo navegador. | PageTransitionEvent |
| preventDefault() | Se o evento puder ser cancelado, cancela-o, sem executar a operação padrão do evento. | Event |
| propertyName | Retorna o nome da propriedade CSS associada à animação ou transição. | |
| pseudoElement | Retorna o nome do pseudo-elemento da animação ou transição. | |
| region | MouseEvent | |
| relatedTarget | Retorna o elemento relacionado ao elemento que desencadeou o evento de mouse. | MouseEvent |
| relatedTarget | Retorna o elemento relacionado ao elemento que desencadeou o evento. | FocusEvent |
| repeat | Retorna se uma tecla foi pressionada repetidamente. | KeyboardEvent |
| screenX | Retorna a coordenada horizontal do cursor do mouse ou da janela em relação à tela. | MouseEvent |
| screenY | Retorna a coordenada vertical do cursor do mouse ou da janela em relação à tela. | MouseEvent |
| shiftKey | Retorna se a tecla "SHIFT" foi pressionada no momento do evento. | MouseEvent |
| shiftKey | Retorna se a tecla "SHIFT" foi pressionada no momento do evento de tecla. | |
| state | Retorna o objeto que contém uma cópia do item de histórico. | PopStateEvent |
| stopImme...() | Impede que outros ouvintes do mesmo evento sejam chamados. | Event |
| stopPropagation() | Impede que o evento se propague ainda mais no fluxo de eventos. | Event |
| storageArea | Retorna o objeto que representa o objeto de armazenamento afetado. | StorageEvent |
| target | Retorna o elemento que desencadeou o evento. | Event |
| targetTouches | Retorna a lista da TouchList de TouchObjects que ainda estão em contato com a superfície de toque. | TouchEvent |
| timeStamp | Retorna o tempo (em milissegundos) desde o início do universo até o momento da criação do evento. | Event |
| total | Retorna a quantidade total de trabalho que será carregado. | ProgressEvent |
| touches | Retorna a lista de todos os objetos touch que estão em contato com a superfície atual. | TouchEvent |
| type | Retorna o nome do evento. | Event |
| url | Retorna a URL do documento onde está o item alterado. | StorageEvent |
| which | Retorna o botão do mouse que estava pressionado no momento do evento de mouse. | MouseEvent |
| which | Retorna o código de caractere Unicode da tecla que desencadeou o evento onkeypress, ou o código de tecla Unicode da tecla que desencadeou os eventos onkeydown ou onkeyup. | KeyboardEvent |
| view | Retorna uma referência ao objeto Window onde ocorreu o evento. | UiEvent |
- Página Anterior Atributo HTML
- Próxima Página Objeto Evento HTML
