Ua
En
De
Fr
HTML Atributos del evento
Atributos de eventos globales
HTML tiene la capacidad de permitir que los eventos activen acciones en un navegador, como iniciar JavaScript cuando un usuario hace clic en un elemento.
Para obtener más información sobre la programación de eventos, visite nuestro tutorial de JavaScript.
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 ventana (se aplica a la etiqueta <body>):
| Atributo |
Valor |
Descripción |
| onafterprint |
script |
Script que se ejecutará después de imprimir el documento |
| onbeforeprint |
script |
Script que se ejecutará antes de imprimir el documento |
| onbeforeunload |
script |
Script que se ejecutará cuando el documento esté a punto de descargarse |
| onerror |
script |
Script que se ejecutará cuando se produzca un error |
| onhashchange |
script |
Script que se ejecutará cuando haya cambios en la parte ancla de una URL |
| onload |
script |
Se activa 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 salga de una página |
| onpageshow |
script |
Script que se ejecutará cuando un usuario navega a una página |
| onpopstate |
script |
Script que se ejecutará cuando cambie el historial de la ventana |
| 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 ha descargado una página (o se ha cerrado 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):
| 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 |
Se dispara en el momento en que el elemento se enfoca |
| 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 activa 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 (por <input="search">) |
| onselect |
script |
Se activa después de que se haya seleccionado algún texto en un elemento |
| onsubmit |
script |
Se activa cuando se envía un formulario |
Eventos de teclado
| 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 activa cuando un usuario suelta una clave |
Eventos del ratón
| Atributo |
Valor |
Descripción |
| onclick |
script |
Se dispara al hacer clic con el mouse en el elemento |
| ondblclick |
script |
Se activa al hacer doble clic con el mouse en el elemento |
| onmousedown |
script |
Se activa 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 sale 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 |
| onmousewheel |
script |
En desuso. Utilice el atributo onwheel en su lugar |
| onwheel |
script |
Se activa cuando la rueda del mouse sube o baja sobre un elemento |
Arrastrar eventos
| 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 |
Script que se ejecutará cuando un elemento se haya arrastrado a un destino de colocación válido |
| ondragleave |
script |
Script que se ejecutará cuando un elemento abandone un destino de colocación válido |
| ondragover |
script |
Script que se ejecutará cuando un elemento se arrastre sobre un destino de colocación válido |
| ondragstart |
script |
Script que se ejecutará al inicio de una operación de arrastre |
| ondrop |
script |
Script que se ejecutará cuando se suelte un elemento arrastrado |
| onscroll |
script |
Script que se ejecutará cuando se desplaza la barra de desplazamiento de un elemento |
Eventos del portapapeles
| Atributo |
Valor |
Descripción |
| oncopy |
script |
Se activa 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 activa cuando el usuario pega algún contenido en un elemento |
Eventos de medios
Eventos activados por medios como vídeos, 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 |
Script que se ejecutará cuando un archivo esté listo para comenzar a reproducirse (cuando se haya almacenado en el búfer lo suficiente para comenzar) |
| oncanplaythrough |
script |
Script que se ejecutará cuando un archivo se pueda reproducir hasta el final sin pausar para almacenar en búfer |
| oncuechange |
script |
Script que se ejecutará cuando la cue cambie en un elemento <track> |
| ondurationchange |
script |
Script que se ejecutará cuando cambie la longitud del medio |
| onemptied |
script |
Script que se ejecutará cuando suceda algo malo y el archivo de repente no esté disponible (por ejemplo, se desconecte 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 |
Script 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 |
El script se ejecutará justo cuando el archivo comience a cargarse antes de que se cargue algo |
| onpause |
script |
Script que se ejecutará cuando el medio sea pausado por el usuario o mediante programación |
| onplay |
script |
Script que se ejecutará cuando el medio esté listo para comenzar a reproducirse |
| onplaying |
script |
Script que se ejecutará cuando los medios realmente comiencen a reproducirse |
| onprogress |
script |
Script 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 al modo de cámara lenta o avance rápido) |
| onseeked |
script |
Script que se ejecutará cuando el atributo de búsqueda se establezca en falso, lo que indica que la búsqueda ha finalizado |
| onseeking |
script |
Script que se ejecutará cuando el atributo de búsqueda esté establecido en verdadero, lo que indica que la búsqueda está activa |
| onstalled |
script |
Script que se ejecutará cuando el navegador no pueda recuperar los datos multimedia por cualquier motivo |
| onsuspend |
script |
El script que se ejecutará al recuperar los datos multimedia se detiene 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 el medio) |
| onvolumechange |
script |
Script que se ejecutará cada vez que se cambie el volumen, lo cual (incluye configurar el volumen en "silenciar") |
| onwaiting |
script |
La secuencia de comandos se ejecutará cuando el medio se haya detenido, pero se espera que se reanude (como cuando el medio se detiene para almacenar más datos en el buffer) |
Eventos varios
| Atributo |
Valor |
Descripción |
| ontoggle |
script |
Se activa cuando el usuario abre o cierra el elemento <details> |
