Propiedades para manejar eventos

Los objetos (como botones) que pueden lanzar eventos, normalmente tienen propiedades cuyo nombre es on seguido del nombre del evento. Por ejemplo, elementos con la propiedad onclick. A esto se le conoce como una propiedad para manejar eventos, o _event handler property_. Para detectar un evento, puedes asignar la función manejador a dicha propiedad.

Por ejemplo, podemos reescribir el ejemplo del color aleatorio de esta forma:

También puedes establecer la propiedad manejador a una función con nombre:

Al utilizar propiedades para manejar eventos, no es posible agregar más de un manejador para un solo evento. Por ejemplo, puedes llamar el método addEventListener('click', handler) en un elemento varias veces, pasando diferentes funciones al segundo argumento:

Esto es imposible de lograr con propiedades para manejar eventos debido a que cualquier intento subsecuente para establecer dicha propiedad, habrá sobrescrito las anteriores asignaciones.