javaScript判断鼠标滚轮的上下滚动

分享一个js实现判断鼠标滚轮的上下滚动：

 1 <script type="text/javascript">  

 2         var scrollFunc = function (e) {  

 3         e = e || window.event;  

 4         if (e.wheelDelta) {  //判断浏览器IE，谷歌滑轮事件               

 5             if (e.wheelDelta > 0) { //当滑轮向上滚动时  

 6                 alert("滑轮向上滚动");  

 7             }  

 8             if (e.wheelDelta < 0) { //当滑轮向下滚动时  

 9                 alert("滑轮向下滚动");  

10             }  

11         } else if (e.detail) {  //Firefox滑轮事件  

12             if (e.detail> 0) { //当滑轮向上滚动时  

13                 alert("滑轮向上滚动");  

14             }  

15             if (e.detail< 0) { //当滑轮向下滚动时  

16                 alert("滑轮向下滚动");  

17             }  

18         }  

19     }  

20     //给页面绑定滑轮滚动事件  

21     if (document.addEventListener) {//firefox  

22         document.addEventListener('DOMMouseScroll', scrollFunc, false);  

23     }  

24     //滚动滑轮触发scrollFunc方法  //ie 谷歌  

25     window.onmousewheel = document.onmousewheel = scrollFunc;   

26     </script>