Existen distintos tipos de eventos que pueden ser lanzados por un elemento de tipo botón. Hagamos algunos experimentos.
Primero, haz una copia local del archivo random-color-addeventlistener.html, y ábrelo en tu navegador. Se trata de una copia del ejemplo sencillo del color aleatorio con el que ya trabajamos anteriormente. Ahora intenta a cambiar click por cada uno de los siguientes valores y observa los resultados en el ejemplo:
- focus (enUS)") y blur — El color cambia cuando el botón es enfocado y desenfocado; Intenta presionar la tecla "Tabulador" para enfocar el botón y presionala de nuevo para desenfocarlo. Estos eventos son normalmente utilizados para mostrar información a la hora de completar formularios, o incluso para mostrar un mensaje de error si un campo recibe un valor incorrecto.
- dblclick (enUS)") — El color cambia únicamente cuando se hace doble clic sobre el botón.
- mouseover (enUS)") y mouseout (enUS)") — El color cambia cuando el puntero del ratón pasa por encima del botón, o cuando el puntero sale del botón, respectivamente.
Algunos eventos, como click, están disponibles prácticamente en cualquier elemento. Mientras que otros son más específicos y solo son útiles en ciertas situaciones: por ejemplo, el evento play (en-US)") solo está disponible en algunos elementos, como <video>.