Latest web development tutorials

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

属性 描述 DOM
onkeydown 某个键盘按键被按下。 2
onkeypress 某个键盘按键被按下并松开。 2
onkeyup 某个键盘按键被松开。 2

Frame / Object (Frame / Object) evento

属性 描述 DOM
onabort 图像的加载被中断。 ( <object>) 2
onbeforeunload 该事件在即将离开页面（刷新或关闭）时触发 2
onerror 在加载文档或图像时发生错误。 ( <object>, <body>和 <frameset>)
onhashchange 该事件在当前 URL 的锚部分发生修改时触发。
onload 一张页面或一幅图像完成加载。 2
onpageshow 该事件在用户访问页面时触发
onpagehide 该事件在用户离开当前网页跳转到另外一个页面时触发
onresize 窗口或框架被重新调整大小。 2
onscroll 当文档被滚动时发生的事件。 2
onunload 用户退出页面。 ( <body> 和 <frameset>) 2

eventos de formulário

属性 描述 DOM
onblur 元素失去焦点时触发 2
onchange 该事件在表单元素的内容改变时触发( <input>, <keygen>, <select>, 和 <textarea>) 2
onfocus 元素获取焦点时触发 2
onfocusin 元素即将获取焦点时触发 2
onfocusout 元素即将失去焦点时触发 2
oninput 元素获取用户输入时触发 3
onreset 表单重置时触发 2
onsearch 用户向搜索域输入文本时触发 ( <input="search">)  
onselect 用户选取文本时触发 ( <input> 和 <textarea>) 2
onsubmit 表单提交时触发 2

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