`

鼠标滑轮 js绑定事件（转帖）

滑轮滚动 
阅读更多
[html] view plaincopyprint?在CODE上查看代码片派生到我的代码片
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  
  3. <head>  
  4.     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />  
  5.     <title></title>  
  6.     <script type="text/javascript">  
  7.         var scrollFunc = function (e) {  
  8.         e = e || window.event;  
  9.         if (e.wheelDelta) {  //判断浏览器IE，谷歌滑轮事件               
  10.             if (e.wheelDelta > 0) { //当滑轮向上滚动时  
  11.                 alert("滑轮向上滚动");  
  12.             }  
  13.             if (e.wheelDelta < 0) { //当滑轮向下滚动时  
  14.                 alert("滑轮向下滚动");  
  15.             }  
  16.         } else if (e.detail) {  //Firefox滑轮事件  
  17.             if (e.detail> 0) { //当滑轮向上滚动时  
  18.                 alert("滑轮向上滚动");  
  19.             }  
  20.             if (e.detail< 0) { //当滑轮向下滚动时  
  21.                 alert("滑轮向下滚动");  
  22.             }  
  23.         }  
  24.     }  
  25.     //给页面绑定滑轮滚动事件  
  26.     if (document.addEventListener) {//firefox  
  27.         document.addEventListener('DOMMouseScroll', scrollFunc, false);  
  28.     }  
  29.     //滚动滑轮触发scrollFunc方法  //ie 谷歌  
  30.     window.onmousewheel = document.onmousewheel = scrollFunc;   
  31.     </script>  
  32. </head>  
  33. <body>  
  34.     <div style="height:2000px;width:200px;background:#333;"></div>  
  35. </body>  
  36. </html>  
  37. 转帖地址：http://blog.csdn.net/kongjiea/article/details/18557407
分享到：
| $.getJson中文乱码问题（转帖）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics