首页 > 编程语言 > 详细

javascript滚动条响应鼠标滑轮的实现上下滚动事件

时间:2014-07-01 11:15:40      阅读:457      评论:0      收藏:0      [点我收藏+]

实现鼠标滚动滚轮事件:

<script type="text/javascript">

 var scrollFunc=function(e){ 

    e=e || window.event; 
    if(e.wheelDelta){//IE/Opera/Chrome 
    	if(e.wheelDelta==120)
		{
			//向上滚动事件
			alert(e.wheelDeta +"向上");
			
		}else
		{ 
			//向上滚动事件
			alert(e.wheelDeta +"向上");
			
		} 
    }else if(e.detail){
    	//Firefox 
    	if(e.detail==-3) { 
    		//向上滚动事件<br> 
    		alert(e.detail +"向上");
    		
    	}else { 
			//向下滚动事件<br>
    		alert(e.detail +"向下 ");
    		
		} 
    } 
 };
 if(document.addEventListener){ 
	//adding the event listerner for Mozilla
	 document.addEventListener("DOMMouseScroll" ,scrollFunc, false);
	 }
	 //IE/Opera/Chrome 
	 window.onmousewheel=document.onmousewheel=scrollFunc;
	 
</script>


javascript滚动条响应鼠标滑轮的实现上下滚动事件,布布扣,bubuko.com

javascript滚动条响应鼠标滑轮的实现上下滚动事件

原文:http://blog.csdn.net/fengshizty/article/details/36003159

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!