js判斷鼠標滑輪滾動方向並根據滾動的方向觸發不同的事件


<script>

   var scrollFunc = function (e) {
        var direct = 0;
        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.detail< 0) { //當滑輪向下滾動時
                alert("滑輪向下滾動");
            }
        }
        ScrollText(direct);
    }
    //給頁面綁定滑輪滾動事件
    if (document.addEventListener) {
        document.addEventListener('DOMMouseScroll', scrollFunc, false);
    }
    //滾動滑輪觸發scrollFunc方法
    window.onmousewheel = document.onmousewheel = scrollFunc;  
</script>

  

 
代碼搬運http://blog.sina.com.cn/s/blog_78106bb10101dgwp.html


免責聲明!

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



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