zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    3.16 使用Zookeeper对HDFS HA配置自动故障转移及测试
    4、html的body内标签之input系列
    Gym
    Gym
    Gym
    Gym
    Gym
    Big Event in HDU HDU1171 (多重背包)
    Coins POJ 1742 多重背包部分和
    HDU 1059 Dividing 多重背包
  • 原文地址:https://www.cnblogs.com/liuqingxia/p/7762044.html
Copyright © 2011-2022 走看看