Latest web development tutorials

objeto de evento HTML DOM

evento HTML DOM

evento HTML DOM permite Javascript registrar diferentes controladores de eventos en un elemento de documento HTML.

Eventos usados ​​a menudo en combinación con la función, la función no se ejecutarán antes de que ocurra el evento! (Tales como el usuario hace clic en el botón).

Consejo: modelo de eventos normalizada en caso W3C DOM Nivel 2.

evento HTML DOM

DOM: DOM atributo indica el nivel de uso.

Los eventos de ratón

propiedad descripción DOM
onclick Evento llama cuando un usuario hace clic en un controlador de objetos. 2
OnContextMenu Se activa cuando el usuario hace clic en el botón derecho del ratón para abrir el menú contextual
ondblclick Evento llama cuando el usuario hace doble clic en un identificador de objeto. 2
onmousedown se pulsa el botón del ratón. 2
OnMouseEnter Se activa cuando el puntero del ratón se mueve a los elementos. 2
OnMouseLeave Cuando el puntero del ratón se mueve fuera del elemento de gatillo 2
onmousemove El ratón se mueve. 2
onmouseover Puntero del ratón sobre un elemento. 2
onmouseout Ratón fuera de un elemento. 2
onmouseup El botón del ratón es liberado. 2

eventos de teclado

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

Marco / Objeto (Marco / Objeto) 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 formulario

属性 描述 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 del portapapeles

propiedad descripción DOM
oncopy El evento se activa cuando el usuario copia el contenido del elemento
oncut El evento se activa cuando el contenido del elemento de cizallamiento de usuario
onpaste El evento se activa cuando el usuario pegar el contenido del elemento

Imprimir el evento

propiedad descripción DOM
onafterprint El evento de disparo ya ha comenzado la impresión de la página, o imprimir la ventana ya está cerrada
OnBeforePrint El evento se activa cuando la página está a punto de empezar a imprimir

evento de arrastre

evento descripción DOM
ondrag El evento se activa cuando se está arrastrando el elemento
ondragend El evento se activa cuando el usuario arrastra los elementos para completar
ondragenter Este evento se activa cuando el elemento arrastrado en el destino de colocación
OnDragLeave Este evento se activa cuando el elemento de arrastre para dejar el destino de colocación
ondragover El evento se dispara cuando el objetivo se coloca sobre el elemento de arrastre
ondragstart El evento se activa cuando el usuario inicia elementos de arrastre
ondrop Este evento se activa cuando el elemento de arrastre se coloca en el área objetivo

Multimedia (Media) Evento

evento descripción DOM
onabort Evento de vídeo / audio (audio / vídeo) para terminar de disparo al cargar.
oncanplay Cuando el evento se activa en el usuario puede iniciar la reproducción de vídeo / audio (audio / vídeo).
oncanplaythrough evento de disparo puede jugar en vídeo / audio normal (audio / vídeo) y sin pausa y tampón.
ondurationchange Evento de vídeo / audio (audio / vídeo) Duración cambio gatillo.
onemptied de lista de disparo está vacía, el jugador actual
onended Al final del juego en el evento de disparo de vídeo / audio (audio / vídeo).
onerror desencadena eventos cuando se produce un error durante el vídeo / audio está cargado (audio / video) de datos.
onloadeddata Evento en el navegador para cargar el vídeo / audio (audio / vídeo) de disparo fotograma actual.
onloadedmetadata metadatos evento especificado / audio (audio / vídeo) el disparo de vídeo después de la carga.
onLoadStart Evento en el navegador para empezar a buscar / audio (audio / vídeo) de disparo de vídeo especificado.
onPause evento de disparo en el audio / Pausa (audio / vídeo) vídeo.
onplay Activado por evento para iniciar la reproducción del vídeo / audio (audio / vídeo).
onplaying Evento de vídeo / audio (audio / vídeo) Pausa o después de búfer se activa cuando esté listo para empezar a jugar de nuevo.
onProgress Evento de disparo (audio / vídeo) que se indica en el navegador para descargar vídeo / audio.
onratechange cambio evento de disparo cuando el envío de vídeo / audio (audio / vídeo) la velocidad de reproducción.
onseeked En el caso de que el usuario vuelva a situar el vídeo / audio (audio / vídeo) posición de reproducción activa.
onseeking Se activa cuando el usuario comienza a cambiar la posición de evento de vídeo / audio (audio / vídeo).
onstalled Obtener datos de eventos de los medios de comunicación en el navegador, pero los datos de medios no está disponible cuando se activa.
onsuspend Activado por evento suspensión de datos de medios en el navegador para leer.
ontimeupdate Activado por evento cuando la posición de reproducción actual para enviar el cambio.
onvolumechange Activado por evento cuando el cambio de volumen.
onwaiting Dado que el evento se activa cuando el vídeo que desea reproducir el siguiente frame buffer se requiere.

eventos de animación

evento descripción DOM
animationend Este evento se activa cuando la animación termine la reproducción de CSS
animationiteration Este evento se activa cuando las animaciones CSS repiten
animationstart Este evento se activa cuando la animación comienza a jugar CSS

evento de transición

evento descripción DOM
transitionend El evento se activa después de la CSS para completar la transición.

otros eventos

evento descripción DOM
onmessage Cuando el evento se lanza por o desde un objeto (WebSocket, Trabajador Web, Origen del suceso o sub-marco o ventana padre) recibe el mensaje
onMouseWheel Obsoleta. Utilice onwheel sustituto evento
ononline Este evento se activa cuando el navegador para trabajar en línea.
onoffline Este evento se activa cuando el explorador debe comenzar a trabajar sin conexión.
onpopstate Este evento se activa cuando el historial de navegación (objetos de historia) de la ventana cambia.
onshow El evento cuando se muestra el elemento <Menú> en el menú contextual el gatillo
onstorage Este evento se activa cuando almacenamiento Web (HTML 5 tienda Web) de actualización
ontoggle El evento se activa cuando el usuario abre o cierra <detalles> elemento
onwheel Este evento se activa cuando la rueda del ratón para desplazarse hacia arriba y hacia abajo en el elemento

Los objetos de evento

constante

静态变量 描述 DOM
CAPTURING-PHASE 当前事件阶段为捕获阶段(3) 1
AT-TARGET 当前事件是目标阶段,在评估目标事件(1) 2
BUBBLING-PHASE 当前的事件为冒泡阶段 (2) 3

propiedad

propiedad descripción DOM
burbujas Devuelve un valor booleano que indica si el evento es un tipo de evento de propagación. 2
cancelable Devuelve un valor booleano que indica si el evento puede cancelar el pro acción predeterminada. 2
currentTarget Devuelve sus detectores de eventos desencadenados el elemento evento. 2
eventPhase Devuelve el estado actual de la propagación de eventos. 2
objetivo Devuelve el elemento que desencadenó este evento (el nodo de destino del evento). 2
timeStamp Devuelve la fecha y la hora del evento generado. 2
tipo Devuelve el nombre del evento actual objeto de evento representa. 2

camino

方法 描述 DOM
initEvent() 初始化新创建的 Event 对象的属性。 2
preventDefault() 通知浏览器不要执行与事件关联的默认动作。 2
stopPropagation() 不再派发事件。 2

Objetivo objeto de evento

camino

方法 描述 DOM
addEventListener() 允许在目标事件中注册监听事件(IE8 = attachEvent()) 2
dispatchEvent() 允许发送事件到监听器上 (IE8 = fireEvent()) 2
removeEventListener() 运行一次注册在事件目标上的监听事件(IE8 = detachEvent()) 2

Objeto de detector de eventos

camino

方法 描述 DOM
handleEvent() 把任意对象注册为事件处理程序 2

Evento de objetos de documento

camino

方法 描述 DOM
createEvent() 2

Ratón / teclado de Eventos para Objetos

propiedad

属性 描述 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

camino

方法 描述 W3C
initMouseEvent() 初始化鼠标事件对象的值 2
initKeyboardEvent() 初始化键盘事件对象的值 3