最近一直想做一个全屏切换的一个效果:发现自己好像啥都没准备好,这里是一个判断滚动条方向的小例子,正好也为自己的全屏切换做准备。
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(); }
}
这样就好了。
这些也是我研究别人代码整理的,很粗糙。当作一种笔记,下回自己看到了能很快的想起吧!
高手勿喷,谢谢!