Manejadores de diferentes eventos en JavaScript

Además del clic en un elemento, existen otros eventos. Por ejemplo, usando el evento dblclick se puede detectar el doble clic en un elemento, usando el evento mouseover - el desplazamiento del cursor sobre el elemento, y usando el evento mouseout - la salida del cursor del elemento.

Al mismo tiempo, a un elemento se le pueden asignar manejadores para diferentes tipos de eventos. Vamos, por ejemplo, a asignar a un elemento una reacción al desplazamiento del cursor sobre él y una reacción a la salida:

javascriptbutton.addEventListener('mouseover', function() {
  console.log('1');
});
button.addEventListener('mouseout', function() {
  console.log('2');
});