Objetos de JavaScript

Manual de Referencia de JavaScript

Manual de Referencia de DOM JS

Eventos de HTML DOM

Enviar eventos DOM es para notificar al código las cosas interesantes que ocurren.

Los eventos se utilizan generalmente con funciones y no se ejecuta la función antes de que ocurra el evento (por ejemplo, cuando el usuario hace clic en un botón).

El evento puede representar todo, desde la interacción básica del usuario hasta las notificaciones automáticas de lo que ocurre en el modelo de presentación.

Nombre del evento	Descripción	Tipo de evento
abort	Este evento se produce cuando se interrumpe la carga de recursos.	UiEvent, Event
afterprint	Este evento se produce cuando el documento relacionado ha comenzado a imprimirse o la previsualización de impresión se ha cerrado.	Evento
animationend	Este evento se produce cuando la animación CSS se completa.	AnimationEvent
animationiteration	Este evento se produce cuando se repite la animación CSS.	AnimationEvent
animationstart	Este evento se produce cuando comienza la animación CSS.	AnimationEvent
beforeprint	Este evento se produce cuando el documento relacionado está a punto de imprimirse o previsualizarse para impresión.	Evento
beforeunload	当窗口，文档及其资源即将被卸载时发生该事件	UiEvent, Event
blur	当元素失去焦点（不会冒泡）时发生该事件	FocusEvent
canplay	当浏览器可以开始播放媒体时（当它有足够的缓冲来开始播放时），将发生此事件。	Evento
canplaythrough	当浏览器可以在不停止缓冲的情况下播放媒体时发生此事件	Evento
change	当表单元素，选择或选中状态的内容更改时（对于<input>，<select>和<textarea>），将发生此事件。	Evento
click	当用户单击元素时发生事件	MouseEvent
contextmenu	当用户右键单击某个元素以打开上下文菜单时，将发生该事件	MouseEvent
copy	当用户复制元素的内容时发生该事件	ClipboardEvent
cut	当用户剪切元素的内容时发生该事件	ClipboardEvent
dblclick	当用户双击元素时发生事件	MouseEvent
drag	拖动元素时发生事件	DragEvent
dragend	当用户完成拖动元素时，发生该事件	DragEvent
dragenter	当拖动的元素进入放置目标时，将发生事件	DragEvent
dragleave	当拖动的元素离开放置目标时发生事件	DragEvent
dragover	当拖动的元素在放置目标上方时发生事件	DragEvent
dragstart	当用户开始拖动元素时发生该事件	DragEvent
drop	当将拖动的元素放置在放置目标上时，发生事件	DragEvent
durationchange	更改媒体的持续时间时发生此事件	Evento
ended	该事件在媒体播放到尽头时发生（对于“感谢收听”之类的消息很有用）	Evento
error	资源加载失败时发生	ProgressEvent, UiEvent, Event
focus	当元素已获得焦点时发生事件（不会冒泡）	FocusEvent
focusin	该事件在某个元素即将获得焦点时发生	FocusEvent
focusout	该事件在某个元素即将失去焦点时发生	FocusEvent
fullscreenchange	以全屏模式显示元素时发生事件	Evento
fullscreenerror	当元素无法以全屏模式显示时，发生此事件	Evento
hashchange	当URL的锚点部分发生更改时，将发生此事件	HashChangeEvent
input	当元素获得用户输入时发生事件	InputEvent, Event
invalid	当元素无效时发生	Evento
keydown	该事件在用户按下某个键时发生	KeyboardEvent
keypress	当用户按下键时发生事件	KeyboardEvent
keyup	Este evento ocurre cuando el usuario suelta una tecla.	KeyboardEvent
load	Este evento ocurre cuando el objeto se ha cargado.	UiEvent, Event
loadeddata	Este evento ocurre al cargar los datos del medio.	Evento
loadedmetadata	Este evento ocurre al cargar los metadatos (como dimensiones y duración).	Evento
loadstart	Este evento ocurre cuando el navegador comienza a buscar el medio especificado.	ProgressEvent
message	Este evento ocurre cuando se recibe un mensaje a través del origen del evento.	Evento
mousedown	Este evento ocurre cuando el usuario presiona el botón del ratón en un elemento.	MouseEvent
mouseenter	Este evento ocurre cuando el puntero se mueve sobre un elemento.	MouseEvent
mouseleave	Este evento ocurre cuando el puntero sale de un elemento.	MouseEvent
mousemove	Este evento ocurre cuando el puntero se mueve sobre un elemento.	MouseEvent
mouseover	Este evento ocurre cuando el puntero se mueve sobre un elemento o uno de sus elementos hijos.	MouseEvent
mouseout	Este evento ocurre cuando el puntero del ratón se mueve fuera de un elemento o de uno de sus elementos hijos.	MouseEvent
mouseup	Este evento ocurre cuando el usuario suelta el botón del ratón en un elemento.	MouseEvent
mousewheel	No se recomienda su uso.Se recomienda usar el evento wheel.	WheelEvent
offline	Este evento ocurre cuando el navegador comienza a trabajar en modo desconectado.	Evento
online	Este evento ocurre cuando el navegador comienza a trabajar en línea.	Evento
open	Este evento ocurre al abrir la conexión con el origen del evento.	Evento
pagehide	Este evento ocurre cuando el usuario sale de la navegación de la página.	PageTransitionEvent
Visualización de la página	Este evento ocurre cuando el usuario navega a la página web.	PageTransitionEvent
paste	Este evento ocurre cuando el usuario pega algún contenido en un elemento.	ClipboardEvent
pause	Este evento ocurre cuando el usuario o se pausa el medio de manera programática.	Evento
play	Este evento ocurre cuando el medio se inicia o ya no está en pausa.	Evento
playing	Este evento ocurre cuando se reproduce el medio después de pausar o detener la bufferización del medio.	Evento
popstate	Este evento ocurre cuando cambia el historial de la ventana.	PopStateEvent
progress	Este evento ocurre mientras el navegador está obteniendo datos del medio (descargando el medio).	Evento
ratechange	Este evento ocurre al cambiar la velocidad de reproducción del medio.	Evento
resize	Este evento ocurre al ajustar el tamaño de la vista del documento.	UiEvent, Event
reset	Este evento ocurre al restablecer el formulario.	Evento
scroll	Se produce el evento al deslizar la barra de desplazamiento de un elemento deslizante.	UiEvent, Event
search	Este evento ocurre cuando el usuario ingresa contenido en el campo de búsqueda (para <input="search">).	Evento
seeked	Cuando el usuario finaliza el movimiento/Este evento ocurre cuando se salta a una nueva posición en el medio.	Evento
seeking	Cuando el usuario comienza a moverse/Este evento ocurre cuando se salta a una nueva posición en el medio.	Evento
select	Después de que el usuario seleccione algún texto (para <input> y <textarea>), se produce este evento.	UiEvent, Event
show	Este evento ocurre cuando el elemento <menu> se muestra como un menú contextual	Evento
stalled	Este evento ocurre cuando el navegador intenta obtener datos del medio pero los datos no están disponibles	Evento
storage	Este evento ocurre cuando se actualiza el área de almacenamiento web	StorageEvent
submit	Este evento ocurre cuando se envía el formulario	Evento
suspend	Este evento ocurre cuando el navegador decide no obtener datos del medio	Evento
timeupdate	Este evento ocurre cuando cambia la posición de reproducción (por ejemplo, cuando el usuario avanza rápidamente a otro punto en el medio)	Evento
toggle	Este evento ocurre cuando el usuario abre o cierra el elemento <details>	Evento
touchcancel	Este evento ocurre cuando se interrumpe el toque	TouchEvent
touchend	Este evento ocurre cuando se quita el dedo de la pantalla táctil	TouchEvent
touchmove	Este evento ocurre cuando se arrastra el dedo en la pantalla	TouchEvent
touchstart	Este evento ocurre cuando se coloca el dedo en la pantalla táctil	TouchEvent
transitionend	Este evento ocurre cuando se completa la transición CSS	TransitionEvent
unload	Este evento ocurre cuando se desmonta el documento o los recursos dependientes	UiEvent, Event
volumechange	Este evento ocurre cuando se cambia el volumen del medio (incluso cuando se configura el volumen en "silencio")	Evento
waiting	Este evento ocurre cuando el medio se detiene pero se espera que se recupere (por ejemplo, cuando el medio se detiene para buffer más datos)	Evento
wheel	Este evento ocurre cuando la rueda del ratón se desplaza hacia arriba o hacia abajo en el elemento	WheelEvent

Atributos del evento HTML DOM

La siguiente tabla enumera las propiedades del evento DOM:

Atributos	Descripción	Tipo de evento
altKey	Devuelve si se presionó la tecla "ALT" al desencadenar el evento del ratón	MouseEvent
altKey	Devuelve si se presionó la tecla "ALT" al desencadenar el evento del teclado	KeyboardEvent, TouchEvent
animationName	Devuelve el nombre de la animación	AnimationEvent
bubbles	Devuelve si el evento específico es un evento de burbuja	Evento
button	Devuelve el botón del ratón pulsado al desencadenar el evento del ratón	MouseEvent
buttons	Devuelve el botón del ratón pulsado al desencadenar el evento del ratón	MouseEvent
cancelable	Devuelve si el evento se puede evitar su acción por defecto	Evento
charCode	Devuelve el código de caracteres Unicode de la tecla que desencadenó el evento onkeypress	KeyboardEvent
changeTouches	Devuelve la lista de todos los objetos de toque cuyos estados cambiaron entre el toque anterior y este toque	TouchEvent
clientX	Devuelve la coordenada horizontal del puntero del ratón en relación con la ventana actual al desencadenar el evento del ratón	MouseEvent, TouchEvent
clientY	Devuelve la coordenada vertical del puntero del ratón en relación con la ventana actual al desencadenar el evento del ratón	MouseEvent, TouchEvent
clipboardData	Devuelve un objeto que contiene los datos afectados por la operación del portapapeles	ClipboardData
code	Devuelve el código de la tecla que desencadenó el evento	KeyboardEvent
composed	Devuelve si el evento está compuesto	Evento
ctrlKey	Devuelve si se presionó la tecla "CTRL" al desencadenar el evento del ratón	MouseEvent
ctrlKey	devuelve si se presionó la tecla 'CTRL' en el momento del evento de tecla	KeyboardEvent, TouchEvent
currentTarget	devuelve el elemento que desencadenó el evento de los oyentes de eventos	Evento
data	devuelve el carácter insertado	InputEvent
dataTransfer	devuelve un objeto que contiene lo que se va a arrastrar y soltar/datos insertados o eliminados	DragEvent, InputEvent
defaultPrevented	devuelve si se llamó al método preventDefault() para el evento	Evento
deltaX	devuelve la cantidad de desplazamiento horizontal del ratón en el eje X	WheelEvent
deltaY	devuelve la cantidad de desplazamiento vertical del ratón en el eje Y	WheelEvent
deltaZ	devuelve la cantidad de desplazamiento del ratón en el eje Z	WheelEvent
deltaMode	devuelve un número que indica la unidad de medida de la cantidad de cambio (píxeles, líneas o páginas)	WheelEvent
detail	devuelve un número que indica cuántas veces se hizo clic en el ratón	UiEvent
elapsedTime	devuelve los segundos transcurridos desde el inicio de la animación	AnimationEvent
elapsedTime	devuelve los segundos transcurridos desde el inicio de la transición
eventPhase	devuelve en qué fase del flujo de eventos se está evaluando en el momento	Evento
inputType	devuelve el tipo de cambio (es decir, 'insertar' o 'eliminar')	InputEvent
isComposing	devuelve si el estado del evento está en proceso de composición	InputEvent, KeyboardEvent
isTrusted	devuelve si el evento es confiable	Evento
key	devuelve el valor de la tecla del evento que representa	KeyboardEvent
key	devuelve la clave del proyecto almacenado que se ha cambiado	StorageEvent
keyCode	Devuelve el código de carácter Unicode de la tecla que desencadena el evento onkeypress, o el código de tecla Unicode de la tecla que desencadena el evento onkeydown o onkeyup.	KeyboardEvent
location	devuelve la ubicación de la tecla en el teclado o dispositivo	KeyboardEvent
lengthComputable	devuelve si la longitud del progreso puede ser calculada	ProgressEvent
loaded	devuelve la cantidad de trabajo cargado	ProgressEvent
metaKey	devuelve si se presionó la tecla 'META' en el momento del evento	MouseEvent
metaKey	devuelve si se presionó la tecla 'meta' en el momento del evento de tecla	KeyboardEvent, TouchEvent
MovementX	devuelve la coordenada horizontal del puntero del ratón con respecto a la posición de la última evento mousemove	MouseEvent
MovementY	devuelve la coordenada vertical del puntero del ratón con respecto a la posición de la última evento mousemove	MouseEvent
newValue	devuelve el nuevo valor del proyecto almacenado que se ha cambiado	StorageEvent
newURL	devuelve la URL del documento después de cambiar el valor de hash	HasChangeEvent
offsetX	devuelve la coordenada horizontal del puntero del ratón con respecto al borde del elemento objetivo	MouseEvent
offsetY	devuelve la coordenada vertical del puntero del ratón con respecto al borde del elemento objetivo	MouseEvent
oldValue	devuelve el valor antiguo del proyecto almacenado que se ha cambiado	StorageEvent
oldURL	devuelve la URL del documento antes del cambio de hash	HasChangeEvent
onemptied	Este evento ocurre cuando ocurre un mal estado y el archivo de medios se vuelve inmediatamente inaccesible (por ejemplo, conexión interrumpida de manera inesperada)
pageX	Devuelve la coordenada horizontal del puntero del ratón en relación con el documento al desencadenar el evento	MouseEvent
pageY	Devuelve la coordenada vertical del puntero del ratón en relación con el documento al desencadenar el evento	MouseEvent
persisted	Devuelve si la página web se ha almacenado en caché por el navegador	PageTransitionEvent
propertyName	Devuelve el nombre de la propiedad CSS asociada con la animación o transición	AnimationEvent, TransitionEvent
pseudoElement	Devuelve el nombre del pseudoelemento de la animación o transición	AnimationEvent, TransitionEvent
region		MouseEvent
relatedTarget	Devuelve el elemento relacionado con el elemento que desencadenó el evento del ratón	MouseEvent
relatedTarget	Devuelve el elemento relacionado con el elemento que desencadenó el evento	FocusEvent
repeat	Devuelve si se pulsó repetidamente alguna tecla	KeyboardEvent
screenX	Devuelve la coordenada horizontal del puntero del ratón en relación con la pantalla al desencadenar el evento	MouseEvent
screenY	Devuelve la coordenada vertical del puntero del ratón en relación con la pantalla al desencadenar el evento	MouseEvent
shiftKey	Devuelve si se pulsó la tecla 'SHIFT' al desencadenar el evento	MouseEvent
shiftKey	Devuelve si se pulsó la tecla 'SHIFT' al desencadenar el evento de tecla	KeyboardEvent, TouchEvent
state	Devuelve un objeto que contiene una copia del registro de historial	PopStateEvent
storageArea	Devuelve un objeto que representa el área de almacenamiento afectada	StorageEvent
target	Devuelve el elemento que desencadenó el evento	Evento
targetTouches	Devuelve la lista de todos los objetos de toque que están en contacto con la superficie y los eventos touchstart ocurren en el elemento de destino que es el mismo que el elemento de destino actual	TouchEvent
timeStamp	Devuelve el tiempo en el que se creó el evento (en milisegundos con respecto al epoch)	Evento
total	Devuelve la cantidad total de trabajo que se va a cargar	ProgressEvent
touches	Devuelve la lista de todos los objetos de toque que están en contacto con la superficie actual	TouchEvent
transitionend	Este evento ocurre cuando se completa la transición CSS	TransitionEvent
type	Devuelve el nombre del evento	Evento
url	Devuelve la URL del documento del proyecto cambiado	StorageEvent
which	Devuelve el botón del ratón pulsado al desencadenar el evento del ratón	MouseEvent
which	Devuelve el código de carácter Unicode de la tecla que desencadena el evento onkeypress, o el código de tecla Unicode de la tecla que desencadena el evento onkeydown o onkeyup.	KeyboardEvent
view	Devuelve una referencia al objeto Window donde ocurrió el evento	UiEvent

Métodos de eventos HTML DOM

La siguiente tabla enumera los métodos de eventos DOM:

Método	Descripción	Tipo de evento
createEvent()	Crear un nuevo evento	Evento
getTargetRanges()	Devuelve un array que contiene el rango de destino, que será afectado por la inserción/El impacto de la eliminación	InputEvent
getModifierState()	Devuelve un array que contiene el rango de destino, que será afectado por la inserción/El impacto de la eliminación	MouseEvent
preventDefault()	Prevenir que el navegador ejecute la acción predeterminada del elemento seleccionado	Evento
stopImmediatePropagation()	Evitar que otros escuchadores del mismo evento sean llamados	Evento
stopPropagation()	Evitar que el evento se propague más en la secuencia de eventos	Evento

Referencias relacionadas

Tutoriales de Javascript:Eventos de Javascript

Tutoriales de Javascript:Escuchadores de eventos

Tutoriales de Javascript:Propagación de eventos

Objetos de Evento (Eventos)