最近一直想做一个全屏切换的一个效果:发现自己好像啥都没准备好,这里是一个判断滚动条方向的小例子,正好也为自己的全屏切换做准备。

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(); }
}

这样就好了。

这些也是我研究别人代码整理的,很粗糙。当作一种笔记,下回自己看到了能很快的想起吧!

高手勿喷,谢谢!