`
lmh2072005
  • 浏览: 110913 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

鼠标滚轮事件

    博客分类:
  • js
阅读更多

滚轮事件:
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

}

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics