js中鼠标滚轮事件(只有在火狐浏览器中使用正常,在别的浏览器中都无法正常使用滚轮来移动页面) 20

以下是我引用的js代码(怎么样实现兼容)(function($){varmousewheel=document.all?"mousewheel":"DOMMouseScr... 以下是我引用的js代码(怎么样实现兼容)

(function($) {
var mousewheel = document.all?"mousewheel":"DOMMouseScroll";
var types = ['DOMMouseScroll', 'mousewheel'];

$.event.special.mousewheel = {
setup: function() {
if ( document.addEventListener ) {
for ( var i=types.length; i; ) {
document.addEventListener( types[--i], handler, false );
}
} else {
document.onmousewheel = handler;
}
},

teardown: function() {
if ( document.removeEventListener ) {
for ( var i=types.length; i; ) {
document.removeEventListener( types[--i], handler, false );
}
} else {
document.onmousewheel = null;
}
}
};

$.fn.extend({
mousewheel: function(fn) {
return fn ? document.bind("mousewheel", fn) : document.trigger("mousewheel");
},

unmousewheel: function(fn) {
return document.unbind("mousewheel", fn);
}
});

function handler(event) {
var orgEvent = event || window.event, args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true, deltaX = 0, deltaY = 0;
event = $.event.fix(orgEvent);
event.type = "mousewheel";

// Old school scrollwheel delta
if ( event.wheelDelta ) { delta = event.wheelDelta/120; }
if ( event.detail ) { delta = -event.detail/3; }

// New school multidimensional scroll (touchpads) deltas
deltaY = delta;

// Gecko
if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) {
deltaY = 0;
deltaX = -1*delta;
}

// Webkit
if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY/120; }
if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = -1*orgEvent.wheelDeltaX/120; }

// Add event and delta to the front of the arguments
args.unshift(event, delta, deltaX, deltaY);

return $.event.handle.apply(document, args);
}

})(jQuery);
展开
 我来答
百度网友90302fa
2018-12-07 · 超过28用户采纳过TA的回答
知道答主
回答量:251
采纳率:0%
帮助的人:62.9万
展开全部
你得先搞清楚 wheelDelta 和 detail
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式