您的位置:首页 > 其它

绑定鼠标滚轮上下滚动事件

2015-12-07 11:38 393 查看
判断鼠标滚轮滚动时是向上还是向下

// JavaScript Document
/***********************
* 函数:绑定鼠标滚轮上下滚动事件 相对的操作
* 参数:event
* 返回:滚轮方向 1:向上 -1:向下
* FireFox 向上滑动detail值为—3,向下为3;
* Ie 向上滑动wheelDelta 值为120,向下为-120
*************************/
var scrollFunc=function(e){
e=e || window.event;
if(e.wheelDelta){//IE/Opera/Chrome
if(e.wheelDelta==120){
//向上滚动事件
alert("向上1");
}else{
//向下滚动事件
alert("向下1");
}
}else if(e.detail){//Firefox
if(e.detail==-3) {
//向上滚动事件
alert("向上2");
}else{
//向下滚动事件
alert("向下2");
}
} //ScrollText(direct);
}
/*注册事件*/
if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false);}
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: