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 |