jQuery でマウス ホイール イベントをキャプチャするにはどうすればよいですか?

jQuery でのマウス ホイール イベントのキャプチャ

jQuery は、スクロール イベントとは異なる特定のマウス ホイール イベントをキャプチャする効果的な方法を提供します。この記事では、この機能を実現するプロセスについて説明します。

マウス ホイール イベントを使用すると、スクロール アクションに依存せずに正確なホイールの動きを検出できます。イベント処理を開始するには、次のようにbind() 関数を利用します。

<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>

この例では、mousewheel イベント リスナーが ID foo の要素にアタッチされています。 e.originalEvent.wheelDelta プロパティはホイールの動きの方向を指定します。正の値は上向きスクロールを表し、負の値は下向きスクロールを表します。

このアプローチは、マウス ホイールの操作を監視する直接的かつ効率的な方法を提供し、次のことを可能にします。ユーザーの正確な入力にリアルタイムで応答します。

以上がjQuery でマウス ホイール イベントをキャプチャするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。