Ir directamente al contenido de esta página
id y classLos eventos son acciones que ocurren sobre un documento, bien por parte del usuario —como por ejemplo que haga clic sobre un elemento— o bien por parte del navegador —por ejemplo cargar el documento—. La lista de eventos es la siguiente:
| Evento | Descripción |
|---|---|
blur |
El elemento pierde el foco. |
change |
El contenido del elemento cambia. |
click |
El usuario hace clic sobre el elemento. |
dblclick |
El usuario hace doble clic sobre el elemento. |
focus |
El elemento gana el foco. |
keydown |
El usuario presiona una tecla. |
keypress |
El usuario presiona una tecla y la mantiene pulsada. |
keyup |
El usuario libera la tecla. |
load |
El documento termina su carga. |
mousedown |
El usuario presiona el botón del ratón en un elemento. |
mousemove |
El usuario mueve el puntero del ratón sobre un elemento. |
mouseout |
El usuario mueve el puntero fuera de un elemento. |
mouseover |
El usuario mantiene el puntero sobre un elemento. |
mouseup |
El usuario libera el botón pulsado del ratón sobre un elemento. |
reset |
El usuario presiona el botón de restablecer de un formulario. |
select |
El usuario selecciona el texto de un elemento. |
submit |
El usuario presiona el botón de envío de un formulario. |
unload |
El documento se descarga, bien porque se cierra la ventana, bien porque se navega a otra página, bien porque el documento se recarga. |
Y las puntualizaciones obligadas son:
click en lugar de mousedown, para ofrecer la funcionalidad a los usuarios con alguna discapacidad que les impida emplear un ratón, tal y como indica el punto 9.3 de las pautas de accesibilidad del W3C (inglés) y como se explica en el documento de técnicas de HTML (inglés).addEventListener.Y, por último, aquí está el ejemplo de eventos en funcionamiento.
