判斷鼠標滾動(滾動條)方向(wheelDelta和detail)


最近一直想做一個全屏切換的一個效果:發現自己好像啥都沒准備好,這里是一個判斷滾動條方向的小例子,正好也為自己的全屏切換做准備。

wheelDelta和detail是判斷鼠標滾動方向的指標,區別是:

wheelDelta的值為正(120.240...)則是鼠標向上;為負(-120,-240)則是向下。

detail則是相反的,數值不一樣。

它倆針對的是不同瀏覽器,具體啥瀏覽器。只能求助百度了。

接下來是事件,畢竟我們要監控鼠標滾動的。

mousewheel(wheel)和DOMMouseScroll不同瀏覽器監測鼠標滾動

例子:

html代碼:

 沒有

javascript代碼:

window.onload = function(){
function test(){ var e = e || window.event; if(e.wheelDelta){ alert(e.wheelDelta); }else if(e.detail){ alert(e.detail); } }; document.DOMMouseScroll = function(){ test(); } document.onmousewheel = function(){ test(); }
}

這樣就好了。

這些也是我研究別人代碼整理的,很粗糙。當作一種筆記,下回自己看到了能很快的想起吧!

高手勿噴,謝謝!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM