最近一直想做一個全屏切換的一個效果:發現自己好像啥都沒准備好,這里是一個判斷滾動條方向的小例子,正好也為自己的全屏切換做准備。
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(); }
}
這樣就好了。
這些也是我研究別人代碼整理的,很粗糙。當作一種筆記,下回自己看到了能很快的想起吧!
高手勿噴,謝謝!