Comment puis-je capturer les événements de la molette de la souris dans jQuery ?

Capturer les événements de la molette de la souris dans jQuery

jQuery offre une méthode efficace pour capturer des événements spécifiques de la molette de la souris, distincts des événements de défilement. Cet article vous guidera tout au long du processus d'obtention de cette fonctionnalité.

L'événement de molette de la souris vous permet de détecter des mouvements précis de la molette sans vous fier aux actions de défilement. Pour lancer la gestion des événements, vous pouvez utiliser la fonction bind() comme suit :

<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 exemple, l'écouteur d'événements mousewheel est attaché à un élément avec l'ID foo. La propriété e.originalEvent.wheelDelta désigne la direction du mouvement de la molette, où les valeurs positives représentent un défilement vers le haut et les valeurs négatives un défilement vers le bas.

Cette approche fournit un moyen direct et efficace de surveiller les interactions de la molette de la souris, vous permettant pour répondre aux entrées précises des utilisateurs en temps réel.

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!