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 |