首页 > 其他 > 详细

关于鼠标滚轮事件

时间:2014-12-17 20:12:26      阅读:267      评论:0      收藏:0      [点我收藏+]

IE、Safari、 Opera 、chrome是mousewheel事件,Firefox是DOMMouseScroll事件。事件属性方面,IE等是 event.detail,Firefox是event. wheelDelta。IE等往上滚一圈为120,往下滚一圈为-120。Firefox往上滚一圈为-3,往下滚一圈为3。我们可以构造一个函数来削除 它们的差异。

var mouseScroll = function(fn){
  var roll = function(){
    var delta = 0,
    e = arguments[0] || window.event;
    delta = (e.wheelDelta) ? e.wheelDelta / 120 : -(e.detail || 0) / 3;
    fn(delta);//回调函数中的回调函数
  }
  if(window.netscape ){
    document.addEventListener(‘DOMMouseScroll‘, roll, false);
  }else{
    document.onmousewheel = roll;
  }
}

此函数接受一函数作为参数,如:

mouseScroll(function(delta){
  var obj = document.getElementById(‘scroll‘),
  current = parseInt(obj.offsetTop)+(delta*10);
  obj.style.top = current+"px";
});

 

关于鼠标滚轮事件

原文:http://www.cnblogs.com/hutuzhu/p/4169980.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!