Foro | Los últimos tutoriales de desarrollo web
 

HTML Event Attributes


Atributos de eventos globales

HTML 4 añadido la posibilidad de dejar que los acontecimientos desencadenan acciones en un navegador, como empezar un JavaScript cuando un usuario hace clic en un elemento.

Para obtener más información sobre eventos de programación, visite nuestro tutorial de Javascript .

A continuación se presentan los atributos de los eventos globales que se pueden añadir a los elementos HTML para definir las acciones de evento.

= Nuevo evento atributos en HTML5.


Atributos ventana de eventos

Eventos activados para el objeto de la ventana (se aplica a la <body> etiqueta):

Atributo Valor Descripción
onafterprint script Secuencia de comandos para ejecutar después de que se imprime el documento
onbeforeprint script Secuencia de comandos para ejecutar antes de que se imprima el documento
onbeforeunload script Secuencia de comandos para ejecutar cuando el documento está a punto de ser descargadas
onerrorscript Script para ejecutarse cuando se produce un error
onhashchange script Script para ser ejecutado cuando no ha habido cambios en la parte de anclaje de la URL
onload script Se activa después de la página termine de cargarse
onmessagescript Script para ser ejecutado cuando se activa el mensaje
onoffline script Script para ser ejecutado cuando el navegador comienza a trabajar fuera de línea
ononline script Script para ser ejecutado cuando el navegador comienza a trabajar en línea
onpagehidescript Secuencia de comandos para ejecutar cuando un usuario navega lejos de una página
onpageshow script Secuencia de comandos para ejecutar cuando un usuario navega a una página
onpopstatescript Script para ser ejecutado cuando la historia cambia de la ventana
onresize script Se activa cuando se cambia el tamaño de la ventana del navegador
onstoragescript Script para ser ejecutado cuando se actualiza una zona de almacenamiento Web
onunload script Los incendios vez que una página ha descargado (o la ventana del navegador se ha cerrado)

Eventos de formulario

Eventos que dependan de medidas dentro de un formulario HTML (se aplica a casi todos los elementos HTML, pero es el más utilizado en los elementos de formulario):

Atributo Valor Descripción
onblur script Se dispara el momento en que el elemento pierde el foco
onchange script Dispara el momento en que se cambia el valor del elemento
oncontextmenu script Script para ser ejecutado cuando se activa un menú contextual
onfocus script Dispara el momento en que el elemento obtiene el foco
oninput script Script para ser ejecutado cuando un elemento recibe la entrada del usuario
oninvalid script Script para ser ejecutado cuando un elemento no es válido
onreset script Se activa cuando se hace clic en el botón de reinicio en una forma
onsearch script Se activa cuando el usuario escribe algo en un campo de búsqueda (por <input = "buscar">)
onselect script Se activa después de un poco de texto ha sido seleccionada en un elemento
onsubmit script Se activa cuando se envía un formulario

Eventos de teclado

Atributo Valor Descripción
onkeydown script Se activa cuando un usuario está presionando una tecla
onkeypress script Se activa cuando un usuario pulsa una tecla
onkeyup script Se activa cuando el usuario suelta una tecla

Eventos del ratón

Eventos activados por un ratón, o las acciones del usuario similares:

Atributo Valor Descripción
onclick script Los incendios en un clic del ratón sobre el elemento
ondblclick script Los incendios en un doble clic del ratón sobre el elemento
ondrag script Script para ser ejecutado cuando se arrastra un elemento
ondragend script Secuencia de comandos para ejecutar al final de una operación de arrastre
ondragenter script Script para ser ejecutado cuando un elemento ha sido arrastrado a un destino de colocación válida
ondragleave script Script para ser ejecutado cuando un elemento deja un destino de colocación válida
ondragover script Script para ser ejecutado cuando un elemento está siendo arrastrado sobre un objetivo de colocación válido
ondragstart script Secuencia de comandos para ejecutar en el inicio de una operación de arrastre
ondrop script Secuencia de comandos que se ejecuta cuando se está eliminando elemento arrastrado
onmousedown script Se activa cuando se pulsa un botón del ratón sobre un elemento
onmousemove script Se activa cuando el puntero del ratón se mueve mientras está sobre un elemento
onmouseout script Se activa cuando el puntero del ratón se mueve fuera de un elemento
onmouseover script Se activa cuando el puntero del ratón sobre un elemento
onmouseup script Se activa cuando un botón del ratón se suelta sobre un elemento
onmousewheelscript Obsoleto. Utilice la onwheel atributo vez
onscroll script Secuencia de comandos que se ejecuta cuando se está desplazando la barra de desplazamiento de un elemento
onwheel script Se activa cuando la rueda de ratón se desplaza hacia arriba o hacia abajo sobre un elemento

Eventos del portapapeles

Atributo Valor Descripción
oncopy script Se activa cuando el usuario copia el contenido de un elemento
oncut script Se activa cuando el usuario corta la contenido de un elemento
onpaste script Se activa cuando el usuario pega algo de contenido en un elemento

Media Eventos

Eventos activados por medios como videos, imágenes y audio (se aplica a todos los elementos HTML, pero es más común en elementos multimedia, como <audio> , <embed> , <img> , <object> y <video> ).

Consejo: Mira nuestra HTML Audio y Vídeo DOM de referencia para más información.

Atributo Valor Descripción
onabortscript Secuencia de comandos para ejecutar en abortar
oncanplayscript Secuencia de comandos para ejecutar cuando un archivo está listo para empezar a jugar (cuando se ha tamponado suficiente para empezar)
oncanplaythroughscript Secuencia de comandos para ejecutar cuando un archivo se puede reproducir todo el camino hasta el final sin hacer una pausa para el búfer
oncuechangescript Script para ser ejecutado cuando los cambios de referencia de un <track> elemento
ondurationchangescript Script para ser ejecutado cuando la longitud de los cambios en los medios
onemptiedscript Script para ser ejecutado cuando sucede algo malo y el archivo es repentinamente inasequible (como se desconecta de forma inesperada)
onendedscript Secuencia de comandos que se ejecutará cuando los medios de comunicación tiene llegar al final (un evento útil para mensajes como "gracias por escuchar")
onerrorscript Script para ejecutarse cuando se produce un error cuando el archivo está siendo cargado
onloadeddatascript Script para ser ejecutado cuando se carga de datos de medios
onloadedmetadatascript Script para ser ejecutado cuando los metadatos (como las dimensiones y duración) son cargados
onloadstartscript Secuencia de comandos que se ejecuta tan pronto como el archivo empieza a cargarse antes de que algo es en realidad cargada
onpausescript Script para ser ejecutado cuando los medios de comunicación está en pausa, ya sea por el usuario o mediante programación
onplayscript Script para ser ejecutado cuando el medio está listo para empezar a jugar
onplayingscript Script para ser ejecutado cuando los medios de comunicación realmente ha empezado a jugar
onprogressscript Script para ser ejecutado cuando el navegador está en el proceso de obtención de los datos de medios
onratechangescript Secuencia de comandos que se ejecuta cada vez que cambia la tasa de reproducción (como cuando un usuario cambia a una velocidad lenta o modo de avance rápido)
onseekedscript Script para ser ejecutado cuando la seeking atributo se establece en false indicando que la búsqueda ha terminado
onseekingscript Script para ser ejecutado cuando la seeking atributo se establece en true indica que la búsqueda está activo
onstalledscript Script para ser ejecutado cuando el navegador no es capaz de recuperar los datos de medios de comunicación por cualquier razón
onsuspendscript Script para ser ejecutado cuando ir a buscar los datos de medios se detiene antes de que esté completamente cargado por cualquier razón
ontimeupdatescript Script para ser ejecutado cuando la posición de juego ha cambiado (como cuando el avance rápido de usuario a un punto diferente en los medios de comunicación)
onvolumechangescript Script para ejecutarse cada vez que se cambia el volumen de los cuales (incluye ajustando el volumen a "mudo")
onwaitingscript Script para ser ejecutado cuando los medios de comunicación se ha detenido, pero se espera que reanude (como cuando los medios de comunicación hace una pausa para amortiguar más datos)

Eventos Varios

Atributo Valor Descripción
onerror script Se activa cuando se produce un error durante la carga de un archivo externo
onshow script Se activa cuando un <menu> elemento se muestra como un menú contextual
ontoggle script Se activa cuando el usuario abre o cierra el <details> elemento