O melhor tutorial HTML DOM objeto de evento em 2024. Neste tutorial você pode aprender
evento HTML DOM,evento HTML DOM,eventos do mouse,eventos de teclado,Frame / Object (Frame / Object) evento,eventos de formulário,eventos da área de transferência,print Evento,evento de arrastar,Multimídia (Media) Evento,eventos de animação,evento de transição,outros eventos,objetos de evento,Alvo objeto de evento,Objeto de ouvinte de evento,Document Object Evento,Mouse / teclado objeto de evento,
HTML DOM objeto de evento
evento HTML DOM
evento HTML DOM permite Javascript registar diferentes manipuladores de eventos em um elemento do documento HTML.
Eventos frequentemente utilizados em conjunto com a função, a função não será executada antes de ocorrer o evento! (Como o usuário clica no botão).
Dica: modelo de eventos padronizado em W3C evento DOM Nível 2.
evento HTML DOM
DOM: atributo DOM indica o nível de uso.
eventos do mouse
propriedade | descrição | DOM |
---|
onclick | Evento chamado quando um usuário clica em um identificador do objeto. | 2 |
oncontextmenu | Acionado quando o usuário clica no botão direito do mouse para abrir o menu de contexto | |
ondblclick | Evento chamado quando o usuário clica duas vezes em um identificador de objeto. | 2 |
onmousedown | botão do mouse é pressionado. | 2 |
OnMouseEnter | É acionado quando o ponteiro do mouse move-se para os elementos. | 2 |
OnMouseLeave | Quando o ponteiro do mouse se move para fora do elemento de disparo | 2 |
onmousemove | O rato é movido. | 2 |
onmouseover | Passe o mouse sobre um elemento. | 2 |
onmouseout | Rato longe de um elemento. | 2 |
onmouseup | O botão do mouse é liberado. | 2 |
eventos de teclado
Frame / Object (Frame / Object) evento
eventos de formulário
eventos da área de transferência
propriedade | descrição | DOM |
---|
oncopy | O evento é acionado quando o usuário copia o conteúdo do elemento | |
oncut | O evento é acionado quando o conteúdo do elemento de corte do usuário | |
onpaste | O evento é acionado quando o usuário colar o conteúdo do elemento | |
print Evento
propriedade | descrição | DOM |
---|
onafterprint | O evento de disparo já começou a imprimir a página, ou imprimir a janela já está fechada | |
onbeforeprint | O evento é acionado quando a página está prestes a iniciar a impressão | |
evento de arrastar
evento | descrição | DOM |
---|
ondrag | O evento é acionado quando o elemento está sendo arrastado | |
ondragend | O evento é acionado quando o usuário arrasta os elementos para completar | |
OnDragEnter | Este evento é acionado quando o elemento arrastado para o destino de soltar | |
OnDragLeave | Este evento é acionado quando o elemento de arraste para deixar o destino de soltar | |
ondragover | O evento é acionado quando o alvo é colocado no elemento de arrastar | |
ondragstart | O evento é acionado quando o usuário começa a arrastar elementos | |
ondrop | Este evento é acionado quando o elemento de arrasto é colocado na área alvo | |
Multimídia (Media) Evento
evento | descrição | DOM |
---|
onabort | vídeo do evento / áudio (áudio / vídeo) para terminar disparador ao carregar. | |
oncanplay | Quando o evento é acionado em que o usuário pode começar a jogar vídeo / áudio (áudio / vídeo). | |
oncanplaythrough | evento de disparo pode jogar em vídeo / áudio normal (áudio / vídeo) e sem pausa e buffer. | |
ondurationchange | vídeo do evento / áudio (áudio / vídeo) alterar a duração gatilho. | |
onemptied | lista gatilho estiver vazio, o jogador atual | |
onended | No final do jogo, em caso de disparo de vídeo / áudio (audio / vídeo). | |
onerror | Evento disparado quando ocorre um erro durante o vídeo / áudio (vídeo / áudio) dados são carregados. | |
onloadeddata | Evento no navegador para carregar o vídeo / áudio (áudio / vídeo) Gatilho quadro atual. | |
onloadedmetadata | metadados evento especificado de vídeo / áudio (áudio / vídeo) trigger após o carregamento. | |
onLoadStart | Evento no navegador para começar a procurar / áudio (áudio / vídeo) trigger de vídeo especificado. | |
OnPause | evento de disparo na / áudio (áudio / vídeo) Pausa de vídeo. | |
onplay | Evento acionado para iniciar a reprodução do vídeo / áudio (áudio / vídeo). | |
onplaying | Pausa vídeo do evento / áudio (áudio / vídeo) ou depois de tamponamento é acionado quando estiver pronto para começar a jogar novamente. | |
OnProgress | Evento de disparo (áudio / vídeo) especificado no navegador para baixar o vídeo / áudio. | |
onratechange | mudança de gatilho evento quando o envio de vídeo / áudio (áudio / vídeo) velocidade de reprodução. | |
onseeked | No caso de o utilizador para reposicionar o vídeo / áudio (áudio / vídeo) posição de reprodução acionado. | |
onseeking | É acionado quando o usuário começa a reposicionar evento de vídeo / áudio (áudio / vídeo). | |
onstalled | Obter dados de eventos de mídia no navegador, mas os dados de mídia não está disponível quando acionado. | |
onsuspend | Evento disparado suspensão de dados de mídia no navegador para ler. | |
ontimeupdate | Evento disparado quando a posição de reprodução actual para enviar mudança. | |
onvolumechange | Evento disparado quando a variação do volume. | |
onwaiting | Uma vez que o evento é acionado quando o vídeo que deseja reproduzir a próxima frame buffer é necessária. | |
eventos de animação
evento | descrição | DOM |
---|
animationend | Este evento é acionado quando a animação termina a reprodução CSS | |
animationiteration | Este evento é acionado quando as animações CSS repetir | |
animationstart | Este evento é acionado quando a animação começa a tocar CSS | |
evento de transição
evento | descrição | DOM |
---|
transitionend | O evento é acionado após o CSS para completar a transição. | |
outros eventos
evento | descrição | DOM |
---|
onmessage | Quando o evento é desencadeado por ou a partir de um objeto (WebSocket, Trabalhador Web, Origem do evento ou sub-frame ou janela pai) recebe a mensagem | |
OnMouseWheel | Obsoleta. Use onwheel substituto evento | |
ononline | Este evento é acionado quando o navegador para trabalhar online. | |
onoffline | Este evento é acionado quando o navegador deve começar a trabalhar offline. | |
onpopstate | Este evento é acionado quando o histórico de navegação (objetos de história) da janela muda. | |
onshow | O evento quando o <Menu> elemento é exibido no gatilho menu de contexto | |
onstorage | Este evento é acionado quando Armazenamento Web (HTML 5 loja Web) update | |
ontoggle | O evento é acionado quando o usuário abre ou fecha <detalhes> elemento | |
onwheel | Este evento é acionado quando a roda do mouse para rolar para cima e para baixo no elemento | |
objetos de evento
constante
静态变量 |
描述 |
DOM |
CAPTURING-PHASE |
当前事件阶段为捕获阶段(3) |
1 |
AT-TARGET |
当前事件是目标阶段,在评估目标事件(1) |
2 |
BUBBLING-PHASE |
当前的事件为冒泡阶段 (2) |
3 |
propriedade
propriedade | descrição | DOM |
---|
bolhas | Retorna um valor booleano que indica se o evento é um tipo de evento borbulhante. | 2 |
cancelable | Retorna um valor booleano que indica se o evento pode cancelar o pro ação padrão. | 2 |
currentTarget | Retorna seus ouvintes de evento acionado o elemento evento. | 2 |
eventPhase | Retorna o estágio atual da propagação evento. | 2 |
alvo | Retorna o elemento que desencadeou este evento (o nó destino do evento). | 2 |
timeStamp | Retorna a data e hora do evento gerado. | 2 |
tipo | Retorna o nome do evento atual objeto Event representa. | 2 |
caminho
方法 |
描述 |
DOM |
initEvent() |
初始化新创建的 Event 对象的属性。 |
2 |
preventDefault() |
通知浏览器不要执行与事件关联的默认动作。 |
2 |
stopPropagation() |
不再派发事件。 |
2 |
Alvo objeto de evento
caminho
方法 |
描述 |
DOM |
addEventListener() |
允许在目标事件中注册监听事件(IE8
= attachEvent()) |
2 |
dispatchEvent() |
允许发送事件到监听器上 (IE8 =
fireEvent()) |
2 |
removeEventListener() |
运行一次注册在事件目标上的监听事件(IE8 =
detachEvent()) |
2 |
Objeto de ouvinte de evento
caminho
方法 |
描述 |
DOM |
handleEvent() |
把任意对象注册为事件处理程序 |
2 |
Document Object Evento
caminho
方法 |
描述 |
DOM |
createEvent() |
|
2 |
Mouse / teclado objeto de evento
propriedade
属性 |
描述 |
DOM |
altKey |
返回当事件被触发时,"ALT" 是否被按下。 |
2 |
button |
返回当事件被触发时,哪个鼠标按钮被点击。 |
2 |
clientX |
返回当事件被触发时,鼠标指针的水平坐标。 |
2 |
clientY |
返回当事件被触发时,鼠标指针的垂直坐标。 |
2 |
ctrlKey |
返回当事件被触发时,"CTRL" 键是否被按下。 |
2 |
Location |
返回按键在设备上的位置 |
3 |
charCode | 返回onkeypress事件触发键值的字母代码。 | 2 |
key | 在按下按键时返回按键的标识符。 | 3 |
keyCode | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
which | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
metaKey |
返回当事件被触发时,"meta" 键是否被按下。 |
2 |
relatedTarget |
返回与事件的目标节点相关的节点。 |
2 |
screenX |
返回当某个事件被触发时,鼠标指针的水平坐标。 |
2 |
screenY |
返回当某个事件被触发时,鼠标指针的垂直坐标。 |
2 |
shiftKey |
返回当事件被触发时,"SHIFT" 键是否被按下。 |
2 |
caminho
方法 |
描述 |
W3C |
initMouseEvent() |
初始化鼠标事件对象的值 |
2 |
initKeyboardEvent() |
初始化键盘事件对象的值 |
3 |