WheelEvent | Webapi

 

Descripción

El interface WheelEvent representa un evento DOM que ocurre cuando el usuario utiliza la rueda del ratón. Este evento proporciona información detallada sobre el movimiento de la rueda, incluyendo la dirección y la magnitud del desplazamiento en los ejes X, Y y Z.

Sintaxis

WheelEvent

Constructores

Propiedades

Ejemplo

A continuación se muestra un ejemplo de cómo podemos utilizar el evento WheelEvent para detectar y responder al movimiento de la rueda del ratón:

// Añadir un listener para el evento wheel
document.addEventListener('wheel', (event) => {
  console.log('Desplazamiento vertical:', event.deltaY);
  console.log('Desplazamiento horizontal:', event.deltaX);
  
  // Prevenir el comportamiento predeterminado si es necesario
   event.preventDefault();
});

Artículos