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:
button.addEventListener('mouseover', function() {
console.log('1');
});
button.addEventListener('mouseout', function() {
console.log('2');
});
Se da un botón. Al hacer doble clic en él, muestre algún mensaje.
Se da un botón. Al desplazar el cursor sobre él, muestre algún mensaje.
Se da un botón. Al salir el cursor de él, muestre algún mensaje.
Se da un botón. Al desplazar el cursor sobre él, muestre un mensaje, y al salir de él - otro.
