Comment implémenter la gestion des événements de la molette de la souris dans jQuery ?

Implémenter la gestion des événements de la molette de la souris dans jQuery

jQuery fournit un moyen de capturer les événements de la molette de la souris, qui diffèrent des événements de défilement. Cet article explique la méthode permettant d'obtenir cette fonctionnalité de manière efficace.

Solution :

jQuery propose l'écouteur d'événements de la molette de la souris pour gérer les événements de la molette de la souris. Il prend une fonction de rappel comme argument, qui est exécutée lors de l'enregistrement de l'événement. Voici un exemple pratique :

<code class="javascript">$(document).ready(function() {
    $('#foo').bind('mousewheel', function(e) {
        if (e.originalEvent.wheelDelta / 120 > 0) {
            console.log('Scrolling up!');
        } else {
            console.log('Scrolling down!');
        }
    });
});</code>

Dans cet extrait :

• $('#foo') spécifie l'élément dans lequel vous souhaitez capturer les événements de la molette de la souris.
• mousewheel est l'écouteur d'événements qui déclenche la fonction de rappel lorsque la molette de la souris est utilisée.
• La fonction de rappel vérifie la direction de défilement de la molette de la souris en fonction de la propriété wheelDelta.
• Positif wheelDelta signifie un défilement vers le haut, tandis que les valeurs négatives représentent un défilement vers le bas.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!