HTML Atributos de eventos
Atributos de eventos globales
Una de las nuevas características de HTML 4 es que permite que los eventos HTML activen comportamientos en el navegador, como iniciar un script de JavaScript cuando el usuario hace clic en un elemento HTML.
Si deseas obtener más información sobre los atributos de eventos, visitaTutorial de JavaScript
La siguiente tabla proporciona los atributos de eventos estándar que se pueden insertar en elementos HTML/XHTML para definir el comportamiento de los eventos.
New: Eventos de atributos nuevos en HTML5.
Atributos de eventos de ventana (Window Event Attributes)
Este evento se activa a través de la ventana (aplica a la etiqueta <body>):
| Atributo | Valor | Descripción |
|---|---|---|
| onafterprintNew | script | Ejecutar script después de imprimir el documento |
| onbeforeprintNew | script | Ejecutar script antes de imprimir el documento |
| onbeforeonloadNew | script | Ejecutar script antes de que se cargue el documento |
| onblur | script | Ejecutar script cuando la ventana pierde el foco |
| onerrorNew | script | Ejecutar script cuando ocurre un error |
| onfocus | script | Ejecutar script cuando la ventana obtiene el foco |
| onhashchangeNew | script | Ejecutar script cuando el documento cambia |
| onload | script | Ejecutar script cuando el documento se carga |
| onmessageNew | script | Ejecutar script cuando se activa un mensaje |
| onofflineNew | script | Ejecutar script cuando el documento está fuera de línea |
| ononlineNew | script | Ejecutar script cuando el documento está en línea |
| onpagehideNew | script | Ejecutar script cuando la ventana se oculta |
| onpageshowNew | script | Ejecutar script cuando la ventana es visible |
| onpopstateNew | script | Ejecutar script cuando cambia el historial de la ventana |
| onredoNew | script | Ejecutar script cuando el documento realiza una operación de rehacer (redo) |
| onresizeNew | script | Ejecutar script cuando se redimensiona la ventana |
| onstorageNew | script | Ejecutar script cuando el área de Web Storage se actualiza (cuando cambian los datos en el espacio de almacenamiento) |
| onundoNew | script | Ejecutar script cuando el documento realiza una operación de deshacer |
| onunloadNew | script | Ejecutar script cuando el usuario abandona el documento |
Eventos de formulario (Form Events)
Los eventos de formulario se activan en formularios HTML (aplican a todos los elementos HTML, pero el elemento debe estar dentro de un formulario <form>):
| Atributo | Valor | Descripción |
|---|---|---|
| onblur | script | Ejecutar script cuando el elemento pierde el foco |
| onchange | script | Ejecutar script cuando el elemento cambia |
| oncontextmenuNew | script | Ejecutar script cuando se activa el menú contextual |
| onfocus | script | Ejecutar script cuando el elemento obtiene el foco |
| onformchangeNew | script | Ejecutar script cuando cambia el formulario |
| onforminputNew | script | Ejecutar script cuando el formulario recibe entrada del usuario |
| oninputNew | script | Ejecutar script cuando el elemento recibe entrada del usuario |
| oninvalidNew | script | Ejecutar script cuando el elemento no es válido |
| onreset | script | Ejecutar script cuando se restablece el formulario.No compatible con HTML 5. |
| onselect | script | Ejecutar script cuando se selecciona el elemento |
| onsubmit | script | Ejecutar script cuando se envía el formulario |
Eventos de teclado (Keyboard Events)
| Atributo | Valor | Descripción |
|---|---|---|
| onkeydown | script | Ejecutar script cuando se presiona una tecla |
| onkeypress | script | Ejecutar script cuando se presiona y suelta una tecla |
| onkeyup | script | Ejecutar script cuando se suelta una tecla |
Eventos de ratón (Mouse Events)
Eventos activados mediante el ratón, similares a las acciones del usuario:
| Atributo | Valor | Descripción |
|---|---|---|
| onclick | script | Ejecutar script cuando se hace clic con el ratón |
| ondblclick | script | Ejecutar script cuando se hace doble clic con el ratón |
| ondragNew | script | Ejecutar script cuando se arrastra un elemento |
| ondragendNew | script | Ejecutar script cuando finaliza la operación de arrastre |
| ondragenterNew | script | Ejecutar script cuando el elemento se arrastra hasta un objetivo de soltar válido |
| ondragleaveNew | script | Ejecutar script cuando el elemento abandona un objetivo de soltar válido |
| ondragoverNew | script | Ejecutar script cuando el elemento se arrastra sobre un objetivo de soltar válido |
| ondragstartNew | script | Ejecutar script cuando comienza la operación de arrastre |
| ondropNew | script | Ejecutar script cuando el elemento arrastrado se está soltando |
| onmousedown | script | Ejecutar script cuando se presiona el botón del ratón |
| onmousemove | script | Ejecutar script cuando se mueve el puntero del ratón |
| onmouseout | script | Ejecutar script cuando el puntero del ratón sale del elemento |
| onmouseover | script | Ejecutar script cuando el puntero del ratón se mueve sobre el elemento |
| onmouseup | script | Ejecutar script cuando se suelta el botón del ratón |
| onmousewheelNew | script | Ejecutar script cuando se gira la rueda del ratón |
| onscrollNew | script | Ejecutar script cuando se desplaza la barra de desplazamiento del elemento |
Eventos multimedia (Media Events)
Este evento se activa mediante videos, imágenes o audio. Se aplica principalmente a elementos multimedia HTML como <audio>, <embed>, <img>, <object> y <video>:
| Atributo | Valor | Descripción |
|---|---|---|
| onabort | script | Ejecutar script cuando ocurre un evento de aborto |
| oncanplayNew | script | Ejecutar script cuando el medio puede comenzar a reproducirse pero puede necesitar detenerse debido al almacenamiento en búfer |
| oncanplaythroughNew | script | Ejecutar script cuando el medio puede reproducirse hasta el final sin detenerse por almacenamiento en búfer |
| ondurationchangeNew | script | Ejecutar script cuando cambia la duración del medio |
| onemptiedNew | script | Ejecutar script cuando el elemento de recurso multimedia se vacía repentinamente (error de red, error de carga, etc.) |
| onendedNew | script | Ejecutar script cuando el medio ha llegado al final |
| onerrorNew | script | Ejecutar script cuando ocurre un error durante la carga del elemento |
| onloadeddataNew | script | Ejecutar script cuando se cargan datos multimedia |
| onloadedmetadataNew | script | Ejecutar script cuando la duración del elemento multimedia y otros datos multimedia se han cargado |
| onloadstartNew | script | Ejecutar script cuando el navegador comienza a cargar datos multimedia |
| onpauseNew | script | Ejecutar script cuando los datos multimedia se pausan |
| onplayNew | script | Ejecutar script cuando los datos multimedia están a punto de comenzar a reproducirse |
| onplayingNew | script | Ejecutar script cuando los datos multimedia han comenzado a reproducirse |
| onprogressNew | script | Ejecutar script cuando el navegador está obteniendo datos multimedia |
| onratechangeNew | script | Ejecutar script cuando cambia la velocidad de reproducción de los datos multimedia |
| onreadystatechangeNew | script | Ejecutar script cuando cambia el estado de preparación (ready-state) |
| onseekedNew | script | Ejecutar script cuando el atributo de posicionamiento |
| onseekingNew | script | Ejecutar script cuando el atributo de posicionamiento del elemento multimedia es verdadero y el posicionamiento ha comenzado |
| onstalledNew | script | Ejecutar script cuando hay un error (retraso) al obtener datos multimedia |
| onsuspendNew | script | Ejecutar script cuando el navegador ha dejado de obtener datos multimedia antes de recuperar todo el archivo multimedia |
| ontimeupdateNew | script | Ejecutar script cuando el medio cambia su posición de reproducción |
| onvolumechangeNew | script | Ejecutar script cuando el medio cambia el volumen o cuando se silencia el volumen |
| onwaitingNew | script | Ejecutar script cuando el medio ha dejado de reproducirse pero tiene la intención de continuar reproduciéndose |
Otros eventos
| Atributo | Valor | Descripción |
|---|---|---|
| onshowNew | script | Se activa cuando el elemento <menu> se muestra en contexto |
| ontoggleNew | script | Se activa cuando el usuario abre o cierra el elemento <details> |