如何在 jQuery 中實作滑鼠滾輪事件處理？

在 jQuery 中實作滑鼠滾輪事件處理

jQuery 提供了一種捕捉滑鼠滾輪事件的方法，這與滾動事件不同。本文深入探討了有效實現此功能的方法。

解決方案：

jQuery 提供了滑鼠滾輪事件監聽器來處理滑鼠滾輪事件。它採用回調函數作為參數，該函數在註冊事件時執行。這是一個實際範例：

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

在此程式碼段中：

• $('#foo') 指定要擷取滑鼠滾輪事件的元素。
• mousewheel 是事件監聽器，當使用滑鼠滾輪時觸發回呼函數。
• 回呼函數根據wheelDelta 屬性檢查滑鼠滾輪滾動的方向。
• 正數wheelDelta 表示向上滾動，負值表示向下滾動。

以上是如何在 jQuery 中實作滑鼠滾輪事件處理？的詳細內容。更多資訊請關注PHP中文網其他相關文章！