zoukankan      html  css  js  c++  java
  • 鼠标滚轮事件(浏览器兼容性写法)

    1.这种写法,看得好蒙圈,之后再仔细阅读。

        //鼠标的滚动事件 兼容各主流浏览器
        /** Event handler for mouse wheel event. 
             *鼠标滚动事件 
             */  
             var wheel = function(event) {  
                var delta = 0;  
                if (!event) /* For IE. */  
                    event = window.event;  
                if (event.wheelDelta) { /* IE/Opera. */  
                    delta = event.wheelDelta / 120;  
                } else if (event.detail) {  
                    /** Mozilla case. */  
                    /** In Mozilla, sign of delta is different than in IE. 
                     * Also, delta is multiple of 3. 
                     */  
                    delta = -event.detail / 3;  
                }  
                /** If delta is nonzero, handle it. 
                 * Basically, delta is now positive if wheel was scrolled up, 
                 * and negative, if wheel was scrolled down. 
                 */  
                if (delta)  
                    handle(delta);  
                /** Prevent default actions caused by mouse wheel. 
                 * That might be ugly, but we handle scrolls somehow 
                 * anyway, so don't bother here.. 
                 */  
                if (event.preventDefault)  
                    event.preventDefault();  
                event.returnValue = false;  
            }  
      
            /** Initialization code.  
             * If you use your own event management code, change it as required. 
             */  
            if (window.addEventListener) {  
                /** DOMMouseScroll is for mozilla. */  
                window.addEventListener('DOMMouseScroll', wheel, false);  
            }  
            /** IE/Opera. */  
            window.onmousewheel = document.onmousewheel = wheel;  
      
            /** This is high-level function. 
             * It must react to delta being more/less than zero. 
             */  
            var handle = function(delta) {  
                var random_num = Math.floor((Math.random() * 100) + 50);  
                if (delta < 0) {  
                    //  alert("鼠标滑轮向下滚动:" + delta + "次!"); // 1  
                    return;  
                } else {  
                    //  alert("鼠标滑轮向上滚动:" + delta + "次!"); // -1  
                    return;  
                }  
            } 
    
    
  • 相关阅读:
    [官网]清华大学的开源镜像站点 配置方法
    Android MIFARE NFCA源码解析
    Delphi XE8 TStyleBook的使用
    【FireMonkey】StyleBook使用方法
    Delphi第三方组件安装DCU.PAS.DPK.BPL.ActiveX控件
    M1卡说明及使用proxmark3破解方法
    M1卡修改各区块控制位值和数据
    DICOMDIR
    ZentaoPMS 系统的优先级以及修改
    集成禅道和svn
  • 原文地址:https://www.cnblogs.com/aryu/p/js.html
Copyright © 2011-2022 走看看