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

最新推荐文章于 2024-08-14 17:15:24 发布

羽筠

最新推荐文章于 2024-08-14 17:15:24 发布

阅读量4.8k

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/qq_16494241/article/details/50203907

版权

JS 专栏收录该内容

72 篇文章 0 订阅

订阅专栏

判断鼠标滚轮滚动时是向上还是向下

// 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