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

这样就好了。

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

高手勿喷,谢谢！

转载于:https://www.cnblogs.com/ash-sky/p/9590776.html