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 |