判斷鼠標滾輪是向上或向下滾動，不同的瀏覽器的判別方式是不一樣的，當前比較流行的瀏覽器有 IE，Opera，Safari，Firefox，Chrome，在這個問題上Firefox和其他瀏覽器的實現方式是不一樣的。現在通過一個具體的示例來分析這個問題吧！

示例代碼如下：

滾動值:(IE/Opera)

滾動值:(Firefox)

/*注冊事件*/

if(document.addEventListener){

document.addEventListener('DOMMouseScroll',scrollFunc,false);

}//W3C

window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome

var scrollFunc=function(e){

e=e || window.event;

var t1=document.getElementById("wheelDelta");

var t2=document.getElementById("detail");

if(e.wheelDelta){//如果是IE/Opera/Chrome瀏覽器

t1.value=e.wheelDelta;

}else if(e.detail){//如果是Firefox瀏覽器

t2.value=e.detail;

}

}

通過運行上述代碼我們可以看到：

在 Firefox 中使用detail，其余瀏覽器使用的是wheelDelta；兩者雖在取值上不一致，但實際意思是一樣的，detail與wheelDelta只各取兩個值，detail只取±3，wheelDelta只取±120，其中正數表示為向上，負數表示向下。

在非firefox瀏覽器中，滾輪向上滾動返回的數值是120，向下滾動返回-120

而在firefox瀏覽器中，滾輪向上滾動返回的數值是-3，向下滾動返回3

代碼部分如下，e.wheelDelta是判斷是否為非firefox瀏覽器，e.detail判別為是firefox瀏覽器

if(e.wheelDelta){//IE/Opera/Chrome

t1.value=e.wheelDelta;

}else if(e.detail){//Firefox

t2.value=e.detail;

}

總結

以上是生活随笔為你收集整理的php向下滑动,js如何判断鼠标滚轮是向下还是向上滚动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。