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

jQuery でのマウス ホイール イベントの取得

標準のスクロール イベント以外にも、jQuery はマウス ホイール イベントを明示的にキャプチャするメカニズムを提供します。これらのイベントは、マウス ホイールの回転方向に関する正確な情報を提供します。

解決策:

jQuery でマウス ホイール イベントを検出するには、mousewheel イベントハンドラ。以下に例を示します。

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

このコードでは:

• $(document).ready(function() {...}) は、ドキュメントがロードされるとコードが実行されます。
• $('#foo').bind('mousewheel', function(e) {...}) は マウスホイールをバインドしますID 'foo' を持つ要素への イベント ハンドラー。
• e.originalEvent.wheelDelta には、CSS ピクセルで測定された回転量が含まれます。

• 条件文はホイールの回転方向をチェックします:

  • 正の値は上へのスクロールを示します。
  • 負の値は下へのスクロールを示します。
• console.log() は、デバッグ目的でスクロール方向をコンソールに出力します。

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