给浏览器绑定鼠标滚动事件(兼容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 "";
    }
};

 

posted @ 2015-08-25 14:03  sunhaikuo  阅读(552)  评论(0编辑  收藏  举报