Eventos

Los 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:

Lista de eventos

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:

• Por definición no todos los elementos de un documento aceptan todos los eventos. Para saber cuáles elementos aceptan qué eventos, se puede consultar la lista de elementos que ya vimos anteriormente.
• Al programar, siempre que se pueda se debe detectar eventos independientes del dispositivo, por ejemplo 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).
• Estos son los eventos, los manejadores de eventos son los que se escriben con el prefijo on y se emplean como atributos de los elementos. Sin embargo, no se deberían emplear en el código de un documento para mantener la separación del contenido y los comportamientos. Veremos cómo detectar los eventos sin necesidad de modificar el marcado cuando veamos addEventListener.

Y, por último, aquí está el ejemplo de eventos en funcionamiento.