HTML - Referencia de eventos
Cuando los usuarios visitan su sitio web, hacen cosas como hacer clic en varios enlaces, colocar el mouse sobre el texto y las imágenes, etc. Estos son ejemplos de lo que llamamos eventos en terminologías JavaScript y VBScript.
Podemos escribir nuestros controladores de eventos usando JavaScript o VBScript y podemos especificar algunas acciones a tomar contra estos eventos. Aunque estos son los eventos, se especificarán como atributos para las etiquetas HTML.
La especificación HTML 4.01 había definido 19 eventos, pero luego HTML-5 ha agregado muchos otros eventos que hemos enumerado aquí:
Atributos de eventos de ventana
Los siguientes eventos se han introducido en versiones anteriores de HTML, pero todas las etiquetas marcadas con
| Eventos | HTML-5 | Descripción |
|---|---|---|
| onafterprint |
|
Se activa después de imprimir un documento |
| onbeforeprint |
|
Se activa antes de que se imprima un documento |
| onbeforeonload |
|
Desencadenantes antes de que se cargue un documento |
| onerror |
|
Se activa cuando ocurre un error |
| onhaschange |
|
Se activa cuando un documento ha cambiado |
| onload | Se activa cuando se carga un documento | |
| onmensaje |
|
Se activa cuando se activa un mensaje |
| en línea |
|
Se activa cuando un documento se desconecta |
| en línea |
|
Se activa cuando un documento se conecta |
| onpagehide |
|
Se activa cuando una ventana está oculta |
| onpagehow |
|
Se activa cuando una ventana se vuelve visible |
| onpopstate |
|
Se activa cuando cambia el historial de una ventana |
| onredo |
|
Se activa cuando un documento realiza un rehacer |
| onresize |
|
Se activa cuando se cambia el tamaño de una ventana |
| almacenamiento |
|
Se activa cuando se carga un documento |
| onundo |
|
Se activa cuando un documento realiza un deshacer |
| descargar | Se activa cuando un usuario abandona el documento |
Eventos de formulario
Las siguientes etiquetas se han introducido en versiones anteriores de HTML, pero todas las etiquetas marcadas con
| Eventos | HTML-5 | Descripción |
|---|---|---|
| en la falta de definición | Se activa cuando una ventana pierde el foco | |
| onchange | Se activa cuando un elemento cambia | |
| oncontextmenu |
|
Se activa cuando se activa un menú contextual |
| enfocado | Se activa cuando se enfoca una ventana | |
| onformchange |
|
Se activa cuando cambia un formulario |
| onforminput |
|
Se activa cuando un formulario recibe la entrada del usuario |
| en entrada |
|
Se activa cuando un elemento recibe la entrada del usuario |
| no válido |
|
Se activa cuando un elemento no es válido |
| reiniciar | Se activa cuando se restablece un formulario | |
| onselect | Se activa cuando se selecciona un elemento | |
| onsubmit | Se activa cuando se envía un formulario |
Eventos de teclado
| Eventos | HTML-5 | Descripción |
|---|---|---|
| onkeydown | Se activa cuando se presiona una tecla | |
| onkeypress | Se activa cuando se presiona y suelta una tecla | |
| onkeyup | Se activa cuando se suelta una tecla |
Eventos del mouse
Las siguientes etiquetas se han introducido en versiones anteriores de HTML, pero todas las etiquetas marcadas con
| Eventos | HTML-5 | Descripción |
|---|---|---|
| al hacer clic | Se dispara con un clic del mouse | |
| ondblclick | Disparadores en un doble clic del mouse | |
| ondrag |
|
Se activa cuando se arrastra un elemento |
| ondragend |
|
Disparadores al final de una operación de arrastre |
| ondragenter |
|
Se activa cuando un elemento se ha arrastrado a un destino de colocación válido |
| ondragleave |
|
Se activa cuando un elemento deja un destino de caída válido |
| ondragover |
|
Se activa cuando un elemento se arrastra sobre un destino de colocación válido |
| ondragstart |
|
Desencadenantes al inicio de una operación de arrastre |
| ondrop |
|
Se activa cuando se suelta un elemento arrastrado |
| onmousedown | Se activa cuando se presiona un botón del mouse | |
| onmousemove | Se activa cuando se mueve el puntero del mouse | |
| onmouseout | Se activa cuando el puntero del mouse se mueve fuera de un elemento | |
| el ratón por encima | Se activa cuando el puntero del mouse se mueve sobre un elemento | |
| onmouseup | Se activa cuando se suelta un botón del mouse | |
| onmousewheel |
|
Se activa cuando se gira la rueda del mouse |
| onscroll |
|
Se activa cuando se desplaza la barra de desplazamiento de un elemento |
Eventos de medios
Las siguientes etiquetas se han introducido en versiones anteriores de HTML, pero todas las etiquetas marcadas con
| Eventos | HTML-5 | Descripción |
|---|---|---|
| onabort | Desencadenantes de un evento de aborto | |
| oncanplay |
|
Se activa cuando un medio puede comenzar a reproducirse, pero es posible que deba detenerse para almacenar en búfer |
| oncanplaythrough |
|
Se activa cuando un medio se puede reproducir hasta el final, sin detenerse para almacenar en búfer |
| ondurationchange |
|
Se activa cuando se cambia la longitud de un medio |
| uno vacio |
|
Se activa cuando un elemento de recurso multimedia se vacía de repente. |
| terminado |
|
Se activa cuando un medio ha llegado al final |
| onerror |
|
Se activa cuando ocurre un error |
| onloadeddata |
|
Se activa cuando se cargan datos de medios |
| onloadedmetadata |
|
Se activa cuando se carga la duración y otros datos multimedia de un elemento multimedia |
| onloadstart |
|
Se activa cuando el navegador comienza a cargar los datos multimedia. |
| en pausa |
|
Se activa cuando los datos multimedia están en pausa |
| onplay |
|
Se activa cuando los datos multimedia van a comenzar a reproducirse |
| jugando |
|
Se activa cuando los datos multimedia han comenzado a reproducirse |
| en progreso |
|
Se activa cuando el navegador está recuperando los datos multimedia. |
| onratechange |
|
Se activa cuando la velocidad de reproducción de los datos multimedia ha cambiado |
| onreadystatechange |
|
Se activa cuando cambia el estado listo |
| buscado |
|
Se activa cuando el atributo de búsqueda de un elemento de los medios ya no es verdadero y la búsqueda ha finalizado. |
| en busca |
|
Se activa cuando el atributo de búsqueda de un elemento de los medios es verdadero y la búsqueda ha comenzado. |
| instalado |
|
Se activa cuando hay un error al obtener datos multimedia. |
| suspender |
|
Se activa cuando el navegador ha estado obteniendo datos multimedia, pero se detuvo antes de que se obtuviera todo el archivo multimedia. |
| ontimeupdate |
|
Se activa cuando el medio cambia su posición de reproducción |
| onvolumechange |
|
Se activa cuando un medio cambia el volumen, también cuando el volumen está configurado en "silencio" |
| en espera |
|
Se activa cuando el contenido multimedia ha dejado de reproducirse, pero se espera que se reanude |