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
son parte de HTML-5.
| 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
son parte de HTML-5.
| 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
son parte de HTML-5.
| 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
son parte de HTML-5.
| 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 |