鼠标滚轮事件

滚轮事件：
IE/chrome/opera/safari触发事件是onmousewheel，而firefox则是DOMMouseScroll
事件属性：IE/chrome/opera/safari是event.wheelDelta，而firefox是event.detail
属性的方向值也不一样，IE/chrome/opera/safari向上滚event.wheelDelta返回120，向下滚返回-120；

而firefox向上滚返回-3，向下滚返回3。.

小例子：

var wheelFn = function(e) {    

      var direct = 0,

            e = e || window.event;        

      if (e.wheelDelta) {                //IE/chrome/opera/safari

          direct = e.wheelDelta > 0 ? 1 : -1;       

       } else if (e.detail) {               //firefox

           direct = e.detail < 0 ? 1 : -1;       

       }

       alert(direct);  

};      

 

if(document.attachEvent){

document.attachEvent("onmousewheel",scrollFn);  //IE、 opera

}else if(document.addEventListener && window.navigator.userAgent.toLowerCase().indexOf("firefox") == -1){

document.addEventListener("mousewheel",scrollFn,false);  //chrome,safari

}else if(window.navigator.userAgent.toLowerCase().indexOf("firefox") > -1){

document.addEventListener("DOMMouseScroll",scrollFn,false);  //firefox

}