jQ中鼠标滚轮事件事件吗
展开全部
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>
展开全部
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;
});
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
javascript中有鼠标滚轮事件,mousewheel,除了火狐不支持,其余的浏览器都支持,火狐使用的是DOMMouseScroll
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
亲测可用,来源:
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询