jQ中鼠标滚轮事件事件吗

 我来答
马后雷鼓下扬州5058
推荐于2018-03-12 · TA获得超过4321个赞
知道小有建树答主
回答量:693
采纳率:33%
帮助的人:800万
展开全部

jQuery 不直接支持鼠标滑轮事件,有一个插件叫做 jQuery Mousewheel,你可以 Google 一下


但用原生 JavaScript 也可以轻松来实现


<script type="text/javascript">
// 鼠标滑轮滚动后执行的函数
// delta > 0 = 向上滚动
// delta < 0 = 向下滚动
function mousewheelEvent(e, delta) {
    document.getElementById("debug").innerHTML += (delta + "<br />");
    // 其它代码...
}
            
if (document.attachEvent) {
    document.attachEvent("onmousewheel", function(e) {
        mousewheelEvent(e, e.wheelDelta);
    });
}
else if (document.addEventListener) {
    document.addEventListener("DOMMouseScroll", function(e) {
        mousewheelEvent(e, e.detail * -40);
    }, false);
}
</script>


<body style="height: 3000px">
<div id="debug" style="position: fixed"></div>
红点儿绝缘体
2018-04-17 · TA获得超过334个赞
知道答主
回答量:0
采纳率:80%
帮助的人:0
展开全部

jquery插件默认是不支持鼠标中轮滚轮事件的。jQuery Mousewheel Plugin,用于添加跨浏览器的鼠标滚轮支持。mousewheel事件的处理函数有一点小小的变化,它除了第一个参数event 外,还接收到第二个参数delta。通过参数delta可以获取鼠标滚轮的方向和速度。如果delta的值是负的即-1,那么滚轮就是向下滚动,正的1就是向上。

1.下载jquery-mousewheel插件。

2,复制代码: $('body').mousewheel(function(event, delta) {        var dir = delta > 0 ? 'Up' : 'Down';        if (dir == 'Up') {

console.log('向上滚动');
} else {
console.log('向下滚动');
}        return false;

});

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
psy214
2013-05-22
知道答主
回答量:2
采纳率:0%
帮助的人:2947
展开全部
javascript中有鼠标滚轮事件,mousewheel,除了火狐不支持,其余的浏览器都支持,火狐使用的是DOMMouseScroll
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
山火映寒
2016-12-07 · TA获得超过1041个赞
知道小有建树答主
回答量:859
采纳率:69%
帮助的人:274万
展开全部
亲测可用,来源:
http://www.jb51.net/article/50677.htm
<label for="wheelDelta">滚动值:</label>(IE/Opera)<input type="text" id="wheelDelta"/>
<label for="detail">滚动值:(Firefox)</label><input type="text" id="detail"/>
<script type="text/javascript"> 
var scrollFunc=function(e){ 
    e=e || window.event; 
    var t1=document.getElementById("wheelDelta"); 
    var t2=document.getElementById("detail"); 
    if(e.wheelDelta){//IE/Opera/Chrome 
        t1.value=e.wheelDelta; 
    }else if(e.detail){//Firefox 
        t2.value=e.detail; 
    } 

/*注册事件*/ 
if(document.addEventListener){ 
    document.addEventListener('DOMMouseScroll',scrollFunc,false); 
}//W3C 
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome 
</script>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
magnumlee
2013-05-22
知道答主
回答量:8
采纳率:0%
帮助的人:8.3万
展开全部
没有吧,手册里都没找到这个呢
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式