首页 > 代码库 > 关于鼠标滚轮事件
关于鼠标滚轮事件
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";});
关于鼠标滚轮事件
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。