给浏览器绑定鼠标滚动事件（兼容FireFox）

最新推荐文章于 2022-08-02 10:46:59 发布

dazwxrt0338

最新推荐文章于 2022-08-02 10:46:59 发布

阅读量356

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sunhk/p/4757278.html

版权

        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 "";
    }
};