Manual de referencia HTML

Todo el catálogo de etiquetas HTML

Cuadro de dibujo HTML Atributos globales de HTML

Eventos de HTML

El valor del gestor de eventos es una o varias expresiones de Javascript, métodos y llamadas a funciones separadas por punto y coma, y encerradas en comillas. Cuando ocurre el evento, el navegador ejecuta este código.

Atributos de eventos globales

HTML 4 Una de las nuevas características es que permite que los eventos HTML desencadenen comportamientos en el navegador, por ejemplo, al hacer clic en un elemento HTML, se inicia un segmento de JavaScript.

La tabla siguiente proporciona atributos de eventos estándar, que se pueden insertar en HTML/En los elementos XHTML, se define el comportamiento de eventos.

HTML5　: HTML5Evento de atributo nuevo.

Atributos de eventos del navegador de ventana (Window Event Attributes)

El evento se desencadena por la ventana (aplicable al etiqueta <body>):

Atributo	Valor	Descripción
onafterprintHTML5	script	Después de imprimir el documento, ejecutar el script
onbeforeprintHTML5	script	Antes de imprimir el documento, ejecutar el script
onbeforeonloadHTML5	script	Antes de cargar el documento, ejecutar el script
onblur	script	Al perder el enfoque la ventana, ejecutar el script
onerrorHTML5	script	Al ocurrir un error, ejecutar el script
onfocus	script	Al obtener el enfoque la ventana, ejecutar el script
onhaschangeHTML5	script	Al cambiar el documento, ejecutar el script
onload	script	Al cargar el documento, ejecutar el script
onmessageHTML5	script	Al desencadenar un mensaje, ejecutar el script
onofflineHTML5	script	Al estar fuera de línea el documento, ejecutar el script
ononlineHTML5	script	Al estar en línea el documento, ejecutar el script
onpagehideHTML5	script	Al ocultar la ventana, ejecutar el script
onpageshowHTML5	script	Al hacer visible la ventana, ejecutar el script
onpopstateHTML5	script	Al cambiar el historial de la ventana, ejecutar el script
onredoHTML5	script	Al ejecutar el comando de volver a hacer en el documento, ejecutar el script
onresizeHTML5	script	Al ajustar el tamaño de la ventana, ejecutar el script
onstorageHTML5	script	Al actualizar la región de almacenamiento web (cuando los datos en el espacio de almacenamiento cambian) ejecutar el script
onundoHTML5	script	Al ejecutar el comando de deshacer en el documento, ejecutar el script
onunloadHTML5	script	Al salir del documento, ejecutar el script

Eventos de formulario (Form Events)

Los eventos de formulario se desencadenan en formularios HTML (aplicable a todos los elementos HTML, pero el elemento HTML debe estar dentro del formulario):

Atributo	Valor	Descripción
onblur	script	Al perder el enfoque un elemento, ejecutar el script
onchange	script	Al cambiar un elemento, ejecutar el script
oncontextmenuHTML5	script	Al desencadenar un menú contextual, ejecutar el script
onfocus	script	Al obtener el enfoque un elemento, ejecutar el script
onformchangeHTML5	script	Al cambiar un formulario, ejecutar el script
onforminputHTML5	script	Al recibir entrada del usuario en un formulario, ejecutar el script
oninputHTML5	script	Al recibir entrada del usuario en un elemento, ejecutar el script
oninvalidHTML5	script	Al hacer que un elemento sea inválido, ejecutar el script
onreset	script	Al restablecer un formulario, ejecutar el script. HTML 5 No soportado.
onselect	script	Al seleccionar un elemento, ejecutar el script
onsubmit	script	Al enviar un formulario, ejecutar el script

Eventos de teclado (Keyboard Events)

Atributo	Valor	Descripción
onkeydown	script	Al presionar una tecla, ejecutar el script
onkeypress	script	Al presionar y soltar una tecla, ejecutar el script
onkeyup	script	Al soltar una tecla, ejecutar el script

Eventos de ratón (Mouse Events)

A través de eventos desencadenados por el ratón, similares a las acciones del usuario:

Atributo	Valor	Descripción
onclick	script	Al hacer clic en el ratón, ejecutar el script
ondblclick	script	Al hacer doble clic en el ratón, ejecutar el script
onmousedown	script	Mientras se presiona el botón del ratón, se ejecuta el script
onmousemove	script	Mientras se mueve el puntero del ratón, se ejecuta el script
onmouseout	script	Mientras el puntero del ratón sale del elemento, se ejecuta el script
onmouseover	script	Mientras el puntero del ratón está sobre el elemento, se ejecuta el script
onmouseup	script	Mientras se suelta el botón del ratón, se ejecuta el script
onmousewheelHTML5	script	Mientras se rota la rueda del ratón, se ejecuta el script

Eventos de arrastrar (Drag Events)

Se desencadena mediante el arrastrar del ratón, similar al comportamiento del usuario:

Atributo	Valor	Descripción
ondragHTML5	script	Mientras se arrastra el elemento, se ejecuta el script
ondragendHTML5	script	Mientras se termina la operación de arrastrar, se ejecuta el script
ondragenterHTML5	script	Mientras el elemento se arrastra al objetivo de arrastrar y soltar válido, se ejecuta el script
ondragleaveHTML5	script	Mientras el elemento sale del objetivo de arrastrar y soltar válido, se ejecuta el script
ondragoverHTML5	script	Mientras el elemento se arrastra sobre el objetivo de arrastrar y soltar válido, se ejecuta el script
ondragstartHTML5	script	Mientras se comienza la operación de arrastrar, se ejecuta el script
ondropHTML5	script	Mientras el elemento que se arrastra está siendo arrastrado y soltado, se ejecuta el script
onscrollHTML5	script	Mientras se desplaza la barra de desplazamiento del elemento de desplazamiento, se ejecuta el script

Eventos de medios multimedia (Media Events)

Se desencadena mediante videos (videos), imágenes (imágenes) o audio (audio), se aplica principalmente a elementos de medios HTML como <audio>, <embed>, <img>, <object>, y <video>):

Atributo	Valor	Descripción
onabort	script	Mientras ocurre un evento de interrupción, se ejecuta el script
oncanplayHTML5	script	Mientras los medios pueden comenzar a reproducirse pero pueden necesitar detenerse por el buffering, se ejecuta el script
oncanplaythroughHTML5	script	Mientras los medios pueden reproducirse hasta el final sin tener que detenerse por el buffering, se ejecuta el script
ondurationchangeHTML5	script	Mientras cambia la longitud de los medios, se ejecuta el script
onemptiedHTML5	script	Mientras el elemento de recursos de medios se vacía repentinamente (errores de red, errores de carga, etc.), se ejecuta el script
onendedHTML5	script	Mientras los datos de medios han alcanzado el final, se ejecuta el script
onerrorHTML5	script	Mientras ocurre un error durante la carga del elemento, se ejecuta el script
onloadeddataHTML5	script	Mientras se cargan datos de medios, se ejecuta el script
onloadedmetadataHTML5	script	Mientras el elemento de medios tiene una duración y otros datos de medios ya han sido cargados, se ejecuta el script
onloadstartHTML5	script	Mientras el navegador comienza a cargar datos de medios, se ejecuta el script
onpauseHTML5	script	Mientras los datos de medios están en pausa, se ejecuta el script
onplayHTML5	script	Mientras los datos de medios van a comenzar a reproducirse, se ejecuta el script
onplayingHTML5	script	Mientras los datos de medios están comenzando a reproducirse, se ejecuta el script
onprogressHTML5	script	Mientras el navegador está obteniendo datos de medios, se ejecuta el script
onratechangeHTML5	script	Se desencadena cuando cambia la velocidad de reproducción de los datos del medio
onreadystatechangeHTML5	script	Se desencadena cuando cambia el estado (ready-Se desencadena cuando cambia el estado (state)
onseekedHTML5	script	Se desencadena cuando la propiedad de ubicación del elemento de medio es verdadera y la ubicación ha comenzado1] ya no es verdadera y la ubicación ha finalizado
onseekingHTML5	script	Ejecuta un script cuando la propiedad de ubicación del elemento de medio es verdadera y la ubicación ha comenzado
onstalledHTML5	script	Ejecuta un script cuando hay errores en el proceso de obtención de datos del medio (retraso)
onsuspendHTML5	script	Ejecuta un script cuando el navegador ya está obteniendo datos del medio pero ha dejado de hacerlo antes de obtener todo el archivo de medio
ontimeupdateHTML5	script	Ejecuta un script cuando el medio cambia su posición de reproducción
onvolumechangeHTML5	script	Ejecuta un script cuando el medio cambia de volumen o cuando el volumen se establece en silencio
onwaitingHTML5	script	Ejecuta un script cuando el medio ha dejado de reproducirse pero se tiene la intención de continuar

Otros eventos

Atributo	Valor	Descripción
onshowHTML5	script	Se desencadena cuando el elemento <menu> se muestra en el contexto
ontoggleHTML5	script	Se desencadena cuando el usuario abre o cierra el elemento <details>

Cuadro de dibujo HTML Atributos globales de HTML