zoukankan      html  css  js  c++  java
  • 给浏览器绑定鼠标滚动事件(兼容FireFox)

            var bs = new Browser();
            if(bs.userBrowser() == 'firefox'){
                document.body.addEventListener("DOMMouseScroll", test, false);
            }else {
                document.body.onmousewheel = test;
            }
           function test() {
                alert("---------");
           }

    代码中用到的Browser对象

    /* 浏览器相关 */
    var Browser = function() {
        this.browserName = navigator.userAgent.toLowerCase();// agent
        this.browserVersion = (this.browserName.match(/.+(?:rv|it|ra|ie)[/: ]([d.]+)/) || [0, '0'])[1];// 浏览器版本
    }
    Browser.prototype.userBrowser = function(argument) {// 获取浏览器名称--chrome/firefox/ie/safari
        if (/msie/i.test(this.browserName) && !/opera/.test(this.browserName)) {
            return "ie";
        } else if (/firefox/i.test(this.browserName)) {
            return "firefox";
        } else if (/chrome/i.test(this.browserName) && /webkit/i.test(this.browserName) && /mozilla/i.test(this.browserName)) {
            return "chrome";
        } else if (/opera/i.test(this.browserName)) {
            return "opera";
        } else if (/webkit/i.test(this.browserName) && !(/chrome/i.test(this.browserName) && /webkit/i.test(this.browserName) && /mozilla/i.test(this.browserName))) {
            return "safari";
        } else {
            return "";
        }
    };
  • 相关阅读:
    【Android
    【数据结构】之链表(C语言描述)
    【数据结构】之顺序表(C语言描述)
    【Android
    【Android
    【Android
    【Android
    【Android
    在线HTTP速度测试(响应时间测试)及浏览器兼容测试
    阿里云 腾讯云 服务器挂载数据盘
  • 原文地址:https://www.cnblogs.com/sunhk/p/4757278.html
Copyright © 2011-2022 走看看