判断鼠标滚动(滚动条)方向(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