zoukankan      html  css  js  c++  java
  • 鼠标滚动兼容

    滚轮事件
    onmousewheel
     (event.wheelDelta<0:滚轮向下,event.wheelDelta>0:滚轮向上)
    【firefox不支持】
    
    DOMMouseScroll(使用addEventListener事件绑定)
     (event.detail < 0:滚轮向上,event.detail > 0:滚轮向下)
    【firefox支持方法】
    
    滚轮事件兼容写法:
    function mouseWheelFn(element, upFn, downFn){
       element.onmousewheel = fn;
       if(window.addEventListener){
            element.addEventListener("DOMMouseScroll", fn, false);
       }
       function fn(e){
                var e = e || window.event;
                // 判断滚轮方向(向上)
            if(e.wheelDelta > 0 || e.detail < 0){
                upFn();
            }else{
                downFn();
            }
            // 阻止冒泡
            e.cancelBubble = true;
            e.stopPropagation();
        }
    }    
    

      

  • 相关阅读:
    按键
    bga植球
    数码管
    蜂鸣器
    LED流水灯
    sysTick定时器
    位带
    Android开发
    JavaScript修改src
    JSP笔记
  • 原文地址:https://www.cnblogs.com/lishch/p/9619330.html
Copyright © 2011-2022 走看看