Atributos de eventos globales
HTML 4 añadido la posibilidad de dejar que los acontecimientos desencadenan acciones en un navegador, como empezar un JavaScript cuando un usuario hace clic en un elemento.
Para obtener más información sobre eventos de programación, visite nuestro tutorial de Javascript .
A continuación se presentan los atributos de los eventos globales que se pueden añadir a los elementos HTML para definir las acciones de evento.
= Nuevo evento atributos en HTML5.
Atributos ventana de eventos
Eventos activados para el objeto de la ventana (se aplica a la <body> etiqueta):
| Atributo | Valor | Descripción |
|---|---|---|
| onafterprint | script | Secuencia de comandos para ejecutar después de que se imprime el documento |
| onbeforeprint | script | Secuencia de comandos para ejecutar antes de que se imprima el documento |
| onbeforeunload | script | Secuencia de comandos para ejecutar cuando el documento está a punto de ser descargadas |
| onerror | script | Script para ejecutarse cuando se produce un error |
| onhashchange | script | Script para ser ejecutado cuando no ha habido cambios en la parte de anclaje de la URL |
| onload | script | Se activa después de la página termine de cargarse |
| onmessage | script | Script para ser ejecutado cuando se activa el mensaje |
| onoffline | script | Script para ser ejecutado cuando el navegador comienza a trabajar fuera de línea |
| ononline | script | Script para ser ejecutado cuando el navegador comienza a trabajar en línea |
| onpagehide | script | Secuencia de comandos para ejecutar cuando un usuario navega lejos de una página |
| onpageshow | script | Secuencia de comandos para ejecutar cuando un usuario navega a una página |
| onpopstate | script | Script para ser ejecutado cuando la historia cambia de la ventana |
| onresize | script | Se activa cuando se cambia el tamaño de la ventana del navegador |
| onstorage | script | Script para ser ejecutado cuando se actualiza una zona de almacenamiento Web |
| onunload | script | Los incendios vez que una página ha descargado (o la ventana del navegador se ha cerrado) |
Eventos de formulario
Eventos que dependan de medidas dentro de un formulario HTML (se aplica a casi todos los elementos HTML, pero es el más utilizado en los elementos de formulario):
| Atributo | Valor | Descripción |
|---|---|---|
| onblur | script | Se dispara 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 para ser ejecutado cuando se activa un menú contextual |
| onfocus | script | Dispara el momento en que el elemento obtiene el foco |
| oninput | script | Script para ser ejecutado cuando un elemento recibe la entrada del usuario |
| oninvalid | script | Script para ser ejecutado cuando un elemento no es válido |
| onreset | script | Se activa cuando se hace clic en el botón de reinicio en una forma |
| onsearch | script | Se activa cuando el usuario escribe algo en un campo de búsqueda (por <input = "buscar">) |
| onselect | script | Se activa después de un poco de texto ha sido seleccionada en un elemento |
| onsubmit | script | Se activa cuando se envía un formulario |
Eventos de teclado
| Atributo | Valor | Descripción |
|---|---|---|
| onkeydown | script | Se activa cuando un usuario está presionando una tecla |
| onkeypress | script | Se activa cuando un usuario pulsa una tecla |
| onkeyup | script | Se activa cuando el usuario suelta una tecla |
Eventos del ratón
Eventos activados por un ratón, o las acciones del usuario similares:
| Atributo | Valor | Descripción |
|---|---|---|
| onclick | script | Los incendios en un clic del ratón sobre el elemento |
| ondblclick | script | Los incendios en un doble clic del ratón sobre el elemento |
| ondrag | script | Script para ser ejecutado cuando se arrastra un elemento |
| ondragend | script | Secuencia de comandos para ejecutar al final de una operación de arrastre |
| ondragenter | script | Script para ser ejecutado cuando un elemento ha sido arrastrado a un destino de colocación válida |
| ondragleave | script | Script para ser ejecutado cuando un elemento deja un destino de colocación válida |
| ondragover | script | Script para ser ejecutado cuando un elemento está siendo arrastrado sobre un objetivo de colocación válido |
| ondragstart | script | Secuencia de comandos para ejecutar en el inicio de una operación de arrastre |
| ondrop | script | Secuencia de comandos que se ejecuta cuando se está eliminando elemento arrastrado |
| onmousedown | script | Se activa cuando se pulsa un botón del ratón sobre un elemento |
| onmousemove | script | Se activa cuando el puntero del ratón se mueve mientras está sobre un elemento |
| onmouseout | script | Se activa cuando el puntero del ratón se mueve fuera de un elemento |
| onmouseover | script | Se activa cuando el puntero del ratón sobre un elemento |
| onmouseup | script | Se activa cuando un botón del ratón se suelta sobre un elemento |
| onmousewheel | script | Obsoleto. Utilice la onwheel atributo vez |
| onscroll | script | Secuencia de comandos que se ejecuta cuando se está desplazando la barra de desplazamiento de un elemento |
| onwheel | script | Se activa cuando la rueda de ratón se desplaza hacia arriba o hacia abajo sobre 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 activa cuando el usuario corta la contenido de un elemento |
| onpaste | script | Se activa cuando el usuario pega algo de contenido en un elemento |
Media Eventos
Eventos activados 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> ).
Consejo: Mira nuestra HTML Audio y Vídeo DOM de referencia para más información.
| Atributo | Valor | Descripción |
|---|---|---|
| onabort | script | Secuencia de comandos para ejecutar en abortar |
| oncanplay | script | Secuencia de comandos para ejecutar cuando un archivo está listo para empezar a jugar (cuando se ha tamponado suficiente para empezar) |
| oncanplaythrough | script | Secuencia de comandos para ejecutar cuando un archivo se puede reproducir todo el camino hasta el final sin hacer una pausa para el búfer |
| oncuechange | script | Script para ser ejecutado cuando los cambios de referencia de un <track> elemento |
| ondurationchange | script | Script para ser ejecutado cuando la longitud de los cambios en los medios |
| onemptied | script | Script para ser ejecutado cuando sucede algo malo y el archivo es repentinamente inasequible (como se desconecta de forma inesperada) |
| onended | script | Secuencia de comandos que se ejecutará cuando los medios de comunicación tiene llegar al final (un evento útil para mensajes como "gracias por escuchar") |
| onerror | script | Script para ejecutarse cuando se produce un error cuando el archivo está siendo cargado |
| onloadeddata | script | Script para ser ejecutado cuando se carga de datos de medios |
| onloadedmetadata | script | Script para ser ejecutado cuando los metadatos (como las dimensiones y duración) son cargados |
| onloadstart | script | Secuencia de comandos que se ejecuta tan pronto como el archivo empieza a cargarse antes de que algo es en realidad cargada |
| onpause | script | Script para ser ejecutado cuando los medios de comunicación está en pausa, ya sea por el usuario o mediante programación |
| onplay | script | Script para ser ejecutado cuando el medio está listo para empezar a jugar |
| onplaying | script | Script para ser ejecutado cuando los medios de comunicación realmente ha empezado a jugar |
| onprogress | script | Script para ser ejecutado cuando el navegador está en el proceso de obtención de los datos de medios |
| onratechange | script | Secuencia de comandos que se ejecuta cada vez que cambia la tasa de reproducción (como cuando un usuario cambia a una velocidad lenta o modo de avance rápido) |
| onseeked | script | Script para ser ejecutado cuando la seeking atributo se establece en false indicando que la búsqueda ha terminado |
| onseeking | script | Script para ser ejecutado cuando la seeking atributo se establece en true indica que la búsqueda está activo |
| onstalled | script | Script para ser ejecutado cuando el navegador no es capaz de recuperar los datos de medios de comunicación por cualquier razón |
| onsuspend | script | Script para ser ejecutado cuando ir a buscar los datos de medios se detiene antes de que esté completamente cargado por cualquier razón |
| ontimeupdate | script | Script para ser ejecutado cuando la posición de juego ha cambiado (como cuando el avance rápido de usuario a un punto diferente en los medios de comunicación) |
| onvolumechange | script | Script para ejecutarse cada vez que se cambia el volumen de los cuales (incluye ajustando el volumen a "mudo") |
| onwaiting | script | Script para ser ejecutado cuando los medios de comunicación se ha detenido, pero se espera que reanude (como cuando los medios de comunicación hace una pausa para amortiguar más datos) |
Eventos Varios
| Atributo | Valor | Descripción |
|---|---|---|
| onerror | script | Se activa cuando se produce un error durante la carga de un archivo externo |
| onshow | script | Se activa cuando un <menu> elemento se muestra como un menú contextual |
| ontoggle | script | Se activa cuando el usuario abre o cierra el <details> elemento |