js判斷鼠標滾動放下,向上滾還是向下滾


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  

  <head>  

  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />  

  <title></title>  

  <script type="text/javascript">  

          var scrollFunc = function (e) {  

      e = e || window.event;  

           if (e.wheelDelta) {  //判斷瀏覽器IE,谷歌滑輪事件               

                if (e.wheelDelta > 0) { //當滑輪向上滾動時  

                    alert("滑輪向上滾動");  

                }  

                if (e.wheelDelta 0) { //當滑輪向下滾動時  

                    alert("滑輪向下滾動");  

               }  

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

                if (e.detail> 0) { //當滑輪向上滾動時  

                    alert("滑輪向上滾動");  

                }  

                if (e.detail0) { //當滑輪向下滾動時  

                    alert("滑輪向下滾動");  

                }  

            }  

        }  

      //給頁面綁定滑輪滾動事件  

      if (document.addEventListener) {//firefox  

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

      }  

      //滾動滑輪觸發scrollFunc方法  //ie 谷歌  

    window.onmousewheel = document.onmousewheel = scrollFunc;   

  </script>  

</head>  

<body>  

<div style="height:2000px;width:200px;background:#333;"></div>  

</body>  

</html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM