鼠标滚动事件

本文详细介绍了如何根据不同浏览器(如FireFox和IE)的特性,实现鼠标滚轮事件的向上和向下滚动操作。通过事件监听和条件判断,确保了在复杂多样的浏览器环境下,滚轮事件能够准确触发相应的操作。
  1. /***********************  
  2. * 函数:绑定鼠标滚轮上下滚动事件 相对的操作 
  3. * 参数:event  
  4. * 返回:滚轮方向 1:向上 -1:向下  
  5. *       FireFox 向上滑动detail值为—3,向下为3; 
  6. *       Ie      向上滑动wheelDelta 值为120,向下为-120     
  7. *************************/   
  8. var scrollFunc=function(e){   
  9.     //var direct=0;   
  10.     e=e || window.event;   
  11.        
  12.     if(e.wheelDelta){//IE/Opera/Chrome   
  13.         if(e.wheelDelta==120)  
  14.         {  
  15.             //向上滚动事件  
  16.         }  
  17.         else  
  18.         {       <pre name="code" class="javascript"><span style="white-space:pre">          </span>//向下滚动事件</pre> } }else if(e.detail){//Firefox if(e.detail==-3) { //向上滚动事件<br>  
  19. } <span style="white-space:pre"></span>else { <span style="white-space:pre"></span>//向下滚动事件<br>  
  20. } } //ScrollText(direct); } /*注册事件*/   
  21. <pre></pre>  
  22. <pre name="code" class="javascript">if(document.addEventListener)</pre><pre name="code" class="javascript">{ document.addEventListener('DOMMouseScroll',scrollFunc,false); }//W3C</pre><pre name="code" class="javascript"> window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome<pre></pre>  
  23. <pre></pre>  
  24.       
  25.         <div style="padding-top:20px">           
  26.             <p style="font-size:12px;">版权声明:本文为博主原创文章,未经博主允许不得转载。</p>  
  27.         </div>  
  28. </pre>
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值