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 "";
        }
    };
  • 相关阅读:
    瓜子二手车直卖网面试经历
    189. Rotate Array
    183. Customers Who Never Order
    182. Duplicate Emails
    文本的样式
    字体font
    定位position
    float引起的高度塌陷问题
    盒子大小 轮廓阴影 圆角
    文档流 颜色单位
  • 原文地址:https://www.cnblogs.com/sunhk/p/4757278.html
Copyright © 2011-2022 走看看