Comment détecter les événements de la molette de la souris dans jQuery ?

Récupération des événements de la molette de la souris dans jQuery

Au-delà des événements de défilement standard, jQuery fournit un mécanisme pour capturer explicitement les événements de la molette de la souris. Ces événements offrent des informations précises sur le sens de rotation de la molette de la souris.

Solution :

Pour détecter les événements de la molette de la souris dans jQuery, vous pouvez utiliser la mousewheel gestionnaire d'événements. Voici un exemple :

<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 ce code :

• $(document).ready(function() {...}) garantit le le code s'exécute lorsque le document est chargé.
• $('#foo').bind('mousewheel', function(e) {...}) lie la mousewheel gestionnaire d'événements de l'élément avec l'ID 'foo'.
• e.originalEvent.wheelDelta contient la quantité de rotation mesurée en pixels CSS.

• Les instructions conditionnelles vérifient le sens de rotation de la roue :

  • Les valeurs positives indiquent un défilement vers le haut.
  • Les valeurs négatives indiquent un défilement vers le bas.
• console.log() affiche le sens de défilement sur la console à des fins de débogage.

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!