鼠标滚轮的兼容问题

每次在写鼠标滚轮事件的时候都要写很多的兼容。或者使用mousewhell.js插件，还是比较方便的，可是有时候并不想用那么多方法，只想简单的使用滚轮，总结了一写使用js将滚轮事件的一些兼容问题解决。使用方法和代码如下。

//滚轮事件的兼容
function mousewheel(obj , Fn) {
    function eFn(e) {
        e = e || window.event;
        //对火狐和其他进行兼容（向下滚：火狐为3，其他为-120；向上滚相反；）
        if ( Fn.call(this,e,e.wheelDelta/120 || -e.detail/3) === false ){
            //组织默认事件，对于自定义滚动条的时候需要组织浏览器默认滚动事件。
            e.preventDefault && e.preventDefault();
            e.returnValue = false;
        }
    }
    //判断浏览器是否兼容滚轮事件（支持时为Null不支持时为undefined,此处判断是否为undefined）
    if(document.onmousewheel!==undefined){
        //对事件监听进行兼容(此处针对滚轮事件)
        obj.addEventListener?obj.addEventListener("mousewheel",eFn,false):obj.attachEvent("onmousewheel",eFn);
    }else {
      //针对火狐（监听事件的兼容）
        obj.addEventListener('DOMMouseScroll',eFn,false);
    }
}

到这里基本就完成了，此时的d为-1时为鼠标向下滚动，d为+1时鼠标为向上滚动。
下面是使用时的方法：

mousewheel( obj , function (e,d) {
    var flag = d < 0?"下":"上";
    console.log(flag)
    return false;//正对自定义滚动条的阻止默认事件，如果不需要可以不写（自定义滚动条时会用到。）
});

说了自定义滚动条，不由得想起浏览器的滚动条实在是丑，还是自己写一个吧，美滋滋,一个简单的自定义滚动条。

如果有什么问题欢迎讨论~