如何在 jQuery 中偵測和處理滑鼠滾輪事件？

jQuery 中的滑鼠滾輪事件處理

雖然jQuery 為處理各種使用者事件（包括滾動事件）提供了強大的支援，但您可能會遇到以下需求專門捕捉滑鼠滾輪事件。例如，在實作滑鼠驅動的 UI 功能或自訂捲動功能時，這可能很有用。

jQuery 滑鼠滾輪事件：

在 jQuery 中處理滑鼠滾輪事件，您可以使用滑鼠滾輪事件綁定器。當使用者使用滑鼠滾輪滾動時會觸發此事件。事件物件（表示為e）包含屬性originalEvent.wheelDelta，它提供滾輪滾動的方向。

捕捉滾輪滾動方向：

透過檢查OriginalEvent.wheelDelta 的值/ 120，可以決定滾動方向：

• 正值表示向上捲動（向頁面頂部滾動）。
• 負值表示向下滾動滾動（向頁面底部滾動）。

用法範例：

要示範如何實作滑鼠滾輪事件處理，請考慮以下jQuery 程式碼:

$(document).ready(function(){
    $('#foo').bind('mousewheel', function(e){
        if(e.originalEvent.wheelDelta /120 > 0) {
            console.log('scrolling up !');
        }
        else{
            console.log('scrolling down !');
        }
    });
});

在此範例中，我們將滑鼠滾輪事件綁定到ID 為「foo」的元素。當使用者將滑鼠滾輪滾動到該元素上時，將觸發事件處理程序並將滾動方向記錄到控制台。

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