Todos los eventos

Los tipos de eventos que pueden darse en la página web y la ventana del navegador organizados según el objeto Javascript al que pertenecen.

Cada evento se puede asignar a cualquier elemento de la página web, simpre con cierto sentido, no es lógico asignar un evento submit a un bloque div, lo lógico es asignarlo a un elemento form.

Estos son los nombres usados por Javascirpt para asignar o eliminar controladores a los eventos mediante los métodos addEventListerner o removeEventListener. En HTML los nombres del evento llevan el prefijo on.

AnimationEvent: relativos a animaciones CSS
animationend se completa una animación CSS
animationiteration se repite una animación CSS
animationstart se inicia una animación CSS
ClipboardEvent: referidos al portapapeles
copy el usuario copia el contenido de un elemento.
cut el usuario corta el contenido de un elemento.
paste el usuario pega algún contenido en un elemento.
DragEvent: arrastre de elementos con el ratón
drag se arrastra un elemento.
dragend el usuario ha terminado de arrastrar un elemento.
dragenter el elemento arrastrado ingresa al destino de la gota
dragleave el elemento arrastrado abandona el destino de la colocación.
dragover el elemento arrastrado está sobre el destino de colocación.
dragstart el usuario comienza a arrastrar un elemento.
drop el elemento arrastrado se deja caer en el destino de la colocación.
Event: Eventos generales del navegador, y medios
abort se aborta la carga de un medio.
afterprint una página ha comenzado a imprimirse o si se ha cerrado el cuadro de diálogo de impresión.
beforeprint una página está a punto de imprimirse.
beforeunload El evento ocurre antes de que el documento esté a punto de descargarse
canplay el navegador puede comenzar a reproducir los medios (cuando se ha almacenado lo suficiente para comenzar)
canplaythrough el navegador puede reproducir a través de los medios sin detenerse para almacenar en búfer
change el contenido de un elemento de formulario, la selección o el estado verificado han cambiado (para <input>, <select> y <textarea>)
durationchange se cambia la duración de los medios.
ended los medios han llegado al final (útil para mensajes como "gracias por escuchar")
error ocurre un error al cargar un archivo externo
fullscreenchange un elemento se muestra en modo de pantalla completa.
fullscreenerror un elemento no se puede mostrar en modo de pantalla completa
invalid un elemento no es válido.
load un objeto se ha cargado
loadeddata se cargan los datos de los medios
loadedmetadata se cargan metadatos (como dimensiones y duración)
message se recibe un mensaje a través de la fuente del evento.
offline el navegador comienza a funcionar sin conexión
online el navegador comienza a funcionar en línea.
open se abre una conexión con la fuente del evento.
pause los medios son pausados ​​por el usuario o programáticamente
play el medio se ha iniciado o ya no está en pausa.
playing los medios se están reproduciendo después de haber sido pausados ​​o detenidos para almacenarlos en búfer.
progress el navegador está en proceso de obtener los datos de los medios (descargando los medios)
ratechange se cambia la velocidad de reproducción de los medios.
reset se restablece un formulario
resize se cambia el tamaño de la vista del documento
scroll se desplaza la barra de desplazamiento de un elemento.
search el usuario escribe algo en un campo de búsqueda (para <input = "search">)
seeked el usuario termina de moverse / saltar a una nueva posición en los medios.
seeking el usuario comienza a moverse / saltar a una nueva posición en los medios.
select El evento ocurre después de que el usuario selecciona algún texto (para <input> y <textarea>)
show un elemento <menu> se muestra como un menú contextual
stalled el navegador intenta obtener datos de medios, pero los datos no están disponibles
submit se envía un formulario
suspend el navegador no obtiene intencionalmente datos multimedia.
timeupdate la posición de reproducción ha cambiado (como cuando el usuario avanza rápidamente a un punto diferente en los medios)
toggle el usuario abre o cierra el elemento <details>
unload El evento ocurre una vez que se ha descargado una página (para <body>)
volumechange el volumen de los medios ha cambiado (incluye configurar el volumen en "silencio")
waiting el medio se ha detenido pero se espera que se reanude (como cuando el medio se detiene para almacenar más datos en el búfer)
FocusEvent: relativos al elemento activo o foco
blur un elemento pierde el foco.
focus un elemento se enfoca
focusin un elemento está a punto de enfocarse.
focusout un elemento está a punto de perder el foco.
HashChangeEvent: Cambiosen la URL
hashchange ha habido cambios en la parte de anclaje de una URL.
InputEvent, Event: entrda de datos
input un elemento recibe la entrada del usuario.
KeyboardEvent: Eventos de teclado
keydown el usuario está presionando una tecla
keypress el usuario presiona una tecla
keyup el usuario suelta una tecla.
MouseEvent: Eventos de ratón
click el usuario hace clic en un elemento.
contextmenu el usuario hace clic con el botón derecho en un elemento para abrir un menú contextual.
dblclick el usuario hace doble clic en un elemento.
mousedown el usuario presiona un botón del mouse sobre un elemento
mouseenter el puntero se mueve sobre un elemento.
mouseleave el puntero se mueve fuera de un elemento.
mousemove el puntero se mueve mientras está sobre un elemento.
mouseover el puntero se mueve sobre un elemento o sobre uno de sus hijos.
mouseout un usuario mueve el puntero del mouse fuera de un elemento o fuera de uno de sus elementos secundarios.
mouseup un usuario suelta un botón del mouse sobre un elemento.
WheelEvent: rueda del ratón
wheel la rueda del ratón se acciona sobre un elemento.
PageTransitionEvent: Transiticón de páginas
pagehide el usuario navega fuera de una página web.
pageshow el usuario navega a una página web.
PopStateEvent
popstate cambia el historial de la ventana.
ProgressEvent: progreso de carga de recursos
error ocurre un error al cargar un archivo externo
loadstart el navegador comienza a buscar los medios especificados.
StorageEvent
storage se actualiza un área de almacenamiento web
TouchEvent
touchcancel se interrumpe el toque
touchend se quita un dedo de una pantalla táctil
touchmove se arrastra un dedo por la pantalla.
touchstart se coloca un dedo en una pantalla táctil.
TransitionEvent
transitionend se completa una transición de CSS
UiEvent: objetos del interfaz de usuario
abort se aborta la carga de un medio.
beforeunload El evento ocurre antes de que el documento esté a punto de descargarse
error ocurre un error al cargar un archivo externo
load un objeto se ha cargado
resize se cambia el tamaño de la vista del documento
scroll se desplaza la barra de desplazamiento de un elemento.
select El evento ocurre después de que el usuario selecciona algún texto (para <input> y <textarea>)
unload El evento ocurre una vez que se ha descargado una página (para <body>)
scripts