HTML tiene la capacidad de permitir que los eventos activen acciones en un navegador, como iniciar un JavaScript cuando un usuario hace clic en un elemento.
A continuación se muestran los atributos de eventos globales que se pueden agregar a los elementos HTML para definir acciones de eventos.
Atributos de eventos de ventana
Eventos activados para el objeto de la ventana (se aplica a la etiqueta
<body>)
<body onafterprint="myFunction()">
<body onbeforeprint="myFunction()">
<body onbeforeunload="return myFunction()">
Atributo
Valor
Descripción
onafterprint
script
Script que se ejecutará después de imprimir el documento
onbeforeprint
script
Secuencia de comandos que se ejecutará antes de que se imprima el documento
onbeforeunload
script
Script que se ejecutará cuando el documento esté a punto de descargarse
onerror
script
Script que se ejecutará cuando ocurra un error
onload
script
Se dispara después de que la página termina de cargarse
onmessage
script
Script que se ejecutará cuando se active el mensaje
onoffline
script
Script que se ejecutará cuando el navegador comience a funcionar sin conexión
ononline
script
Script que se ejecutará cuando el navegador comience a funcionar en línea
onpagehide
script
Script que se ejecutará cuando un usuario navegue fuera de una página
onpageshow
script
Script que se ejecutará cuando un usuario navegue a una página
onpopstate
script
Script que se ejecutará cuando cambie el historial de ventanas
onresize
script
Se activa cuando se cambia el tamaño de la ventana del navegador
onstorage
script
Script que se ejecutará cuando se actualice un área de almacenamiento web
onunload
script
Se activa una vez que se descarga una página (o se cierra la ventana del navegador)
Eventos de formulario
Eventos desencadenados por acciones dentro de un formulario HTML (se aplica a casi todos los elementos HTML, pero se usa más en elementos de formulario)
<input type="text" name="fname" id="fname" onblur="myFunction()">
<select onchange="myFunction()">
<div oncontextmenu="myFunction()" contextmenu="mymenu">
Atributo
Valor
Descripción
onblur
script
Se dispara en el momento en que el elemento pierde el foco
onchange
script
Dispara el momento en que se cambia el valor del elemento
oncontextmenu
script
Script que se ejecutará cuando se active un menú contextual
onfocus
script
Dispara el momento en que el elemento recibe el foco
oninput
script
Script que se ejecutará cuando un elemento reciba la entrada del usuario
oninvalid
script
Script que se ejecutará cuando un elemento no sea válido
onreset
script
Se dispara cuando se hace clic en el botón Restablecer en un formulario
onsearch
script
Se activa cuando el usuario escribe algo en un campo de búsqueda (para <input type="search">)
onselect
script
Se dispara después de que se haya seleccionado algún texto en un elemento
onsubmit
script
Se dispara cuando se envía un formulario
Eventos de teclado
<input type="text" onkeydown="myFunction()">
<input type="text" onkeypress="displayResult()">
<input type="text" onkeyup="myFunction()">
Atributo
Valor
Descripción
onkeydown
script
Se dispara cuando un usuario presiona una tecla
onkeypress
script
Se dispara cuando un usuario presiona una tecla
onkeyup
script
Se dispara cuando un usuario suelta una tecla
Eventos de ratón
<button onclick="myFunction()">Click me</button>
<button ondblclick="myFunction()">Double-click me</button>
<p onmousedown="mouseDown()">Click the text!</p>
Atributo
Valor
Descripción
onclick
script
Se dispara con un clic del mouse en el elemento
ondblclick
script
Se dispara con un ratón, haga doble clic en el elemento
onmousedown
script
Se dispara cuando se presiona un botón del mouse sobre un elemento
onmousemove
script
Se dispara cuando el puntero del mouse se mueve mientras está sobre un elemento
onmouseout
script
Se dispara cuando el puntero del mouse se mueve fuera de un elemento
onmouseover
script
Se dispara cuando el puntero del mouse se mueve sobre un elemento
onmouseup
script
Se dispara cuando se suelta un botón del mouse sobre un elemento
onwheel
script
Se activa cuando la rueda del mouse se desplaza hacia arriba o hacia abajo sobre un elemento
Eventos de arrastre
<p draggable="true" ondrag="myFunction(event)">Drag me!</p>
<p draggable="true" ondragend="myFunction(event)">Drag me!</p>
<div ondragenter="myFunction(event)"></div>
Atributo
Valor
Descripción
ondrag
script
Script que se ejecutará cuando se arrastre un elemento
ondragend
script
Script que se ejecutará al final de una operación de arrastre
ondragenter
script
Secuencia de comandos que se ejecutará cuando un elemento se haya arrastrado a un destino de colocación válido
ondragleave
script
Secuencia de comandos que se ejecutará cuando un elemento deje un destino de colocación válido
ondragover
script
Secuencia de comandos que se ejecutará cuando se arrastre un elemento sobre un destino de colocación válido
ondragstart
script
Script que se ejecutará al comienzo de una operación de arrastre
ondrop
script
Script que se ejecutará cuando se suelte el elemento arrastrado
onscroll
script
Script que se ejecutará cuando se desplaza la barra de desplazamiento de un elemento
Eventos del portapapeles
<input type="text" oncopy="myFunction()">
<input type="text" oncut="myFunction()">
<input type="text" onpaste="myFunction()">
Atributo
Valor
Descripción
oncopy
script
Se dispara cuando el usuario copia el contenido de un elemento
oncut
script
Se dispara cuando el usuario corta el contenido de un elemento
onpaste
script
Se dispara cuando el usuario pega algún contenido en un elemento
Eventos de medios
Eventos desencadenados por medios como videos, imágenes y audio (se aplica a todos los elementos HTML, pero es más común en elementos multimedia, como <
audio>, <
embed>, <
img>, <
object> y <
video>).
Atributo
Valor
Descripción
onabort
script
Script que se ejecutará al cancelar
oncanplay
script
Secuencia de comandos que se ejecutará cuando un archivo esté listo para comenzar a reproducirse (cuando tenga el búfer suficiente para comenzar)
oncanplaythrough
script
Secuencia de comandos que se ejecutará cuando un archivo se pueda reproducir hasta el final sin pausa para el almacenamiento en búfer
oncuechange
script
Script que se ejecutará cuando cambie la señal en un elemento <track>
ondurationchange
script
Secuencia de comandos que se ejecutará cuando cambie la longitud de los medios
onemptied
script
Secuencia de comandos que se ejecutará cuando suceda algo malo y el archivo de repente no esté disponible (como si se desconectara inesperadamente)
onended
script
Script que se ejecutará cuando los medios hayan llegado al final (un evento útil para mensajes como "gracias por escuchar")
onerror
script
Script que se ejecutará cuando se produzca un error al cargar el archivo
onloadeddata
script
Secuencia de comandos que se ejecutará cuando se carguen datos multimedia
onloadedmetadata
script
Script que se ejecutará cuando se carguen metadatos (como dimensiones y duración)
onloadstart
script
Script que se ejecutará justo cuando el archivo comience a cargarse antes de que se cargue nada
onpause
script
Secuencia de comandos que se ejecutará cuando el medio esté en pausa, ya sea por el usuario o mediante programación
onplay
script
Secuencia de comandos que se ejecutará cuando el medio esté listo para comenzar a reproducirse
onplaying
script
Secuencia de comandos que se ejecutará cuando los medios realmente hayan comenzado a reproducirse
onprogress
script
Secuencia de comandos que se ejecutará cuando el navegador esté en el proceso de obtener los datos multimedia
onratechange
script
Script que se ejecutará cada vez que cambie la velocidad de reproducción (como cuando un usuario cambia a un modo de cámara lenta o de avance rápido)
onseeked
script
Secuencia de comandos que se ejecutará cuando el atributo de búsqueda se establezca en falso, lo que indica que la búsqueda ha finalizado
onseeking
script
Secuencia de comandos que se ejecutará cuando el atributo de búsqueda se establezca en verdadero, lo que indica que la búsqueda está activa
onstalled
script
Script que se ejecutará cuando el navegador no pueda obtener los datos multimedia por cualquier motivo
onsuspend
script
Secuencia de comandos que se ejecutará cuando se detenga la obtención de datos multimedia antes de que se cargue por completo por cualquier motivo
ontimeupdate
script
Script que se ejecutará cuando la posición de reproducción haya cambiado (como cuando el usuario avanza rápidamente a un punto diferente en los medios)
onvolumechange
script
Secuencia de comandos que se ejecutará cada vez que se cambie el volumen que (incluye configurar el volumen en "silencio")
onwaiting
script
Secuencia de comandos que se ejecutará cuando los medios se hayan pausado pero se espera que se reanuden (como cuando los medios se pausan para almacenar más datos en el búfer)
Eventos misceláneos
<details ontoggle="myFunction()"></details>
Atributo
Valor
Descripción
ontoggle
script
Se activa cuando el usuario abre o cierra el elemento <details>