您的位置：首页 > Web前端 > JavaScript

js判断鼠标滚轮上下滚动

2015-09-05 13:02 537 查看

<!DOCTYPE html>

<html>

   <head>

       <meta charset="utf-8">

       <title>鼠标滚轮事件</title>

   </head>

   <script>

   /*插件作者：sokie，本来只测试了ie9，谷歌，火狐的兼容，其他并没做测试，如有问题可以联系我qq：2048226123 */

   addEvent(window,'load',function(){

       addEvent(document,'mousewheel',function(evt){               //向上滚动120,向下滚动为-120

           alert(wheelDetail(evt));

       })

       addEvent(document,'DOMMouseScroll',function(evt){           //火狐只读DOMMouseScroll事件

           alert(wheelDetail(evt));

       })

   })

   function addEvent(obj,type,fn){                   //新增事件的自定义函数

       if(obj.addEventListener){                   //w3c

           obj.addEventListener(type,fn,false);

       }else if(obj.attachEvent){                   //ie

           obj.attachEvent('on'+type,fn)

       }

   }

   function wheelDetail(evt){                       //兼容火狐

       var e = evt || window.event;

       if(e.wheelDelta){

           return e.wheelDelta;

       }else if(e.detail){

           return -e.detail*40;                   //火狐的返回值本来为3，且正负相反

       }

   }





   </script>

   <body>

   </body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 鼠标滚动 js

相关文章推荐

新的分享

章节导航