JQuery可以很方便地獲取鼠標滾輪事件,這對于開發一些需要響應鼠標滾輪的網頁非常有用。下面,我們就來具體了解一下該怎么做。
$(document).ready(function(){
// 監聽鼠標滾輪事件
$(window).on('mousewheel', function(e){
// 鼠標滾動的距離
var delta = e.originalEvent.wheelDelta;
// 判斷鼠標向上滾動還是向下滾動
if(delta > 0){
console.log('向上滾動');
}else{
console.log('向下滾動');
}
});
});
代碼中的$(document).ready(function(){})
是DOM文檔加載完成后執行的事件,$(window)
是jquery中表示瀏覽器窗口的對象,on('mousewheel', function(e){})
是鼠標滾輪事件的監聽函數。當滾輪事件觸發時,originalEvent.wheelDelta
可以獲取到鼠標滾動的距離,正數表示向上滾動,負數表示向下滾動,我們可以根據這個值來進行具體的操作。
除了上述方法,JQuery還可以監聽鼠標滾輪事件的其他方法,如:.scroll()
、.bind()
、.live()
等,大家可以根據實際需要選擇使用。