jquery 响应不同浏览器鼠标滚轮上下滚动事件相对的操作

最新推荐文章于 2020-06-13 19:48:58 发布

zishan007

最新推荐文章于 2020-06-13 19:48:58 发布

阅读量1.6w

点赞数 1

本文链接：https://blog.youkuaiyun.com/zishan007/article/details/8480143

版权

/*********************** 
* 函数：绑定鼠标滚轮上下滚动事件 相对的操作
* 参数：event 
* 返回：滚轮方向 1：向上 -1：向下 
* 		FireFox 向上滑动detail值为—3,向下为3;
* 		Ie      向上滑动wheelDelta 值为120，向下为-120	
*************************/ 
var scrollFunc=function(e){ 
    //var direct=0; 
    e=e || window.event; 
     
    if(e.wheelDelta){//IE/Opera/Chrome 
    	if(e.wheelDelta==120)
		{
			//向上滚动事件
		}
		else
		{					//向下滚动事件
 } }else if(e.detail){//Firefox if(e.detail==-3) { //向上滚动事件

} else { //向下滚动事件

} } //ScrollText(direct); } /*注册事件*/ 

if(document.addEventListener)
{ document.addEventListener('DOMMouseScroll',scrollFunc,false); }//W3C
 window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome