Manual de referencia de eventos HTML

Recomendación de curso:

Atributos de eventos globales

HTML tiene la capacidad de desencadenar acciones en el navegador, como iniciar JavaScript al hacer clic en un elemento del usuario. Tutoriales de JavaScriptPara obtener más información sobre eventos de programación, por favor visite nuestra

。

A continuación, se presentan los atributos de eventos globales que se pueden agregar a los elementos HTML para definir operaciones de eventos.

Atributos de eventos de ventana

Atributo Valor Descripción
Eventos desencadenados por el objeto window (aplicados a la etiqueta <body>): script El script que se ejecuta después de que el documento se imprima.
onbeforeprint script El script que se ejecuta antes de que el documento se imprima.
onbeforeunload script El script que se ejecuta antes de que el documento se desmonte.
onerror script El script que se ejecuta cuando ocurre un error.
onhaschange script El script que se ejecuta cuando el documento ha cambiado.
onload script Se desencadena después de que la página haya finalizado la carga.
onmessage script El script que se ejecuta cuando se desencadena un mensaje.
onoffline script El script que se ejecuta cuando el documento se desconecta.
ononline script El script que se ejecuta cuando el documento se conecta a línea.
onpagehide script El script que se ejecuta cuando la ventana se oculta.
onpageshow script El script que se ejecuta cuando la ventana se vuelve visible.
onpopstate script El script que se ejecuta cuando cambia el historial de la ventana.
onredo script El script que se ejecuta cuando se realiza undo (redo) en el documento.
onresize script Se desencadena cuando se ajusta el tamaño de la ventana del navegador.
onstorage script El script que se ejecuta después de actualizar el área de almacenamiento web.
onundo script El script que se ejecuta cuando se realiza undo en el documento.
onunload script Se desencadena una vez que la página se ha descargado (o la ventana del navegador se ha cerrado).

Eventos de Formulario

Los eventos desencadenados por la acción de un formulario HTML (aplicado a casi todos los elementos HTML, pero más comúnmente en elementos form):

Atributo Valor Descripción
onblur script El script que se ejecuta cuando el elemento pierde el foco.
onchange script El script que se ejecuta cuando cambia el valor del elemento.
oncontextmenu script El script que se ejecuta al desencadenar el menú contextual.
onfocus script El script que se ejecuta cuando el elemento recibe el foco.
onformchange script El script que se ejecuta cuando cambia el formulario.
onforminput script El script que se ejecuta cuando el formulario recibe entrada del usuario.
oninput script El script que se ejecuta cuando el elemento recibe entrada del usuario.
oninvalid script El script que se ejecuta cuando el elemento es inválido.
onreset script Se desencadena al hacer clic en el botón de restablecimiento del formulario. No se admite en HTML5.
onselect script Se desencadena después de seleccionar texto en el elemento.
onsubmit script Se desencadena al enviar un formulario.

Eventos de Teclado

Atributo Valor Descripción
onkeydown script Se desencadena al presionar una tecla.
onkeypress script Se desencadena al presionar un botón.
onkeyup script Se desencadena al soltar una tecla.

Eventos de Mouse

El evento desencadenado por el ratón o una acción similar del usuario:

Atributo Valor Descripción
onclick script Se desencadena al hacer clic en el ratón en el elemento.
ondblclick script Se desencadena al hacer doble clic en el ratón en el elemento.
ondrag script El script que se ejecuta mientras el elemento se arrastra.
ondragend script El script que se ejecuta al finalizar la operación de arrastrar y soltar.
ondragenter script El script que se ejecuta cuando el elemento se arrastra a una zona de arrastrar y soltar válida.
ondragleave script El script que se ejecuta cuando el elemento deja de estar sobre un objetivo de arrastrar y soltar válido.
ondragover script El script que se ejecuta mientras el elemento se arrastra sobre un objetivo de arrastrar y soltar válido.
ondragstart script El script que se ejecuta al comenzar la operación de arrastrar y soltar.
ondrop script El script que se ejecuta mientras el elemento está siendo arrastrado y soltado.
onmousedown script Se desencadena al presionar el botón del ratón en el elemento.
onmousemove script Se desencadena al mover el puntero del ratón sobre el elemento.
onmouseout script Se desencadena al mover el puntero del ratón fuera del elemento.
onmouseover script Se desencadena al mover el puntero del ratón sobre el elemento.
onmouseup script Se desencadena al soltar el botón del ratón en el elemento.
onmousewheel script El script que se ejecuta cuando se desplaza la rueda del ratón.
onscroll script El script que se ejecuta cuando se desplaza la barra de desplazamiento del elemento.

Eventos de Media

El evento desencadenado por los medios (por ejemplo, video, imagen y audio) (aplicable a todos los elementos HTML, pero común en los elementos de medios, como <audio>, <embed>, <img>, <object> y <video>):

Atributo Valor Descripción
onabort script Ejecutar script al salir
oncanplay script Ejecutar script cuando el archivo esté listo para comenzar a reproducirse (cuando el buffering haya sido suficiente para comenzar)
oncanplaythrough script Ejecutar script cuando el medio pueda reproducirse hasta el final sin tener que detenerse por el buffering
ondurationchange script Ejecutar script cuando cambie la longitud del medio
onemptied script Ejecutar script cuando ocurra un fallo y el archivo se vuelva inesperadamente inaccesible (por ejemplo, cuando se interrumpa la conexión)
onended script Ejecutar script cuando el medio haya alcanzado el final (se pueden enviar mensajes como 'Gracias por ver')
onerror script Ejecutar script cuando se produzca un error durante la carga del archivo
onloadeddata script Ejecutar script cuando se hayan cargado todos los datos del medio
onloadedmetadata script Ejecutar script cuando se hayan cargado los metadatos (por ejemplo, la resolución y la duración)
onloadstart script Ejecutar script cuando se comience a cargar el archivo sin que se hayan cargado datos reales
onpause script Ejecutar script cuando el medio sea pausado por el usuario o por un programa
onplay script Ejecutar script cuando el medio esté listo para comenzar a reproducirse
onplaying script Ejecutar script cuando el medio haya comenzado a reproducirse
onprogress script Ejecutar script cuando el navegador esté obteniendo datos del medio
onratechange script Ejecutar script cada vez que cambia la velocidad de reproducción (por ejemplo, cuando el usuario cambia a modo de cámara lenta o modo de reproducción acelerada)
onreadystatechange script Ejecutar script cada vez que cambia el estado de listo (monitoreando el estado de los datos del medio)
onseeked script Ejecutar script cuando el atributo seeking se establece en false (indicando que la ubicación ha finalizado)
onseeking script Ejecutar script cuando el atributo seeking se establece en true (indicando que la ubicación es activa)
onstalled script Ejecutar script cuando el navegador no puede recuperar datos del medio por cualquier motivo
onsuspend script Ejecutar script cuando se detiene la recuperación de datos del medio por cualquier motivo antes de que se carguen todos los datos del medio
ontimeupdate script Ejecutar script cuando cambia la posición de reproducción (por ejemplo, cuando el usuario avanza a una posición diferente en el medio)
onvolumechange script Ejecutar script cada vez que cambia el volumen (incluso cuando se establece el volumen en silencio)
onwaiting script Ejecutar script cuando el medio ha dejado de reproducirse pero tiene la intención de continuar reproduciendo (por ejemplo, cuando el medio se pausa para cargar más datos)