搜集的常用JS跨浏览器判断，各位可以加到自己的js库中

由于工作和个人学习，很久没有更新自己的博客了，今天被朋友提醒了下就来发一篇随便，请大家多多指点！！！

所有的方法都是封装过得，大家可以直接添加到自己的JS库中，或者直接使用！！！！

var EventUtil = {
    //跨浏览器处理程序---创建方法 
    addHandler:function(element,type,handler){
        if(element.addEventListener){
            element.addEventListener(type,handler,false);
        }else if(element.attachEvent){
            element.attachEvent("on" + type,handler);
        }else{
            element["on" + type] = handler;
        }
    },
    //跨浏览器事件对象---返回event对象的引用 
    getEvent:function(event){
        return event ? event : window.event;
    },
    //跨浏览器事件对象---返回事件的目标 
    getTarget:function(event){
        return event.target || event.srcElement;
    },
    //跨浏览器事件对象---取消默认事件
    preventDefault:function(event){
        if(event.preventDefault){
            event.preventDefault();
        }else{
            event.returnValue = false;
        }
    },
    //跨浏览器处理程序---移除方法 
    removeHandler:function(element,type,handler){
        if(element.removeEventListener){
            element.removeEventListener(type,handler,false);
        }else if(element.detachEvent){
            element.detachEvent("on" + type,handler);
        }else{
            element["on" + type] = null;
        }
    },
    //跨浏览器事件对象---阻止事件流
    stopPropagation:function(event){
        if(event.stopPropagation){
            event.stopPropagation();
        }else{
            event.cancelBubble = true;
        }
    },
    //跨浏览器寻找下一个兄弟并剔除空的文本节点
    nextnode:function(node){
        if(!node)return ;
        if(node.nodeType == 1)
            return node;
        if(node.nextSibling)
            return this.nextnode(node.nextSibling);
    },
    //跨浏览器寻找上一个兄弟并剔除空的文本节点
    prevnode:function(node){
        if(!node)return ;
        if(node.nodeType == 1)
            return node;
        if(node.previousSibling)
            return prevnode(node.previousSibling);
    },
    //根据class获取元素节点,方法一
    getElementsByClass:function(node,searchClass,tag) {
        var classElements = new Array();
        var els = node.getElementsByTagName(tag); // use "*" for all elements
        var elsLen = els.length;
        var pattern = new RegExp("\\b"+searchClass+"\\b");
        for (i = 0, j = 0; i < elsLen; i++) 
        { 
            if ( pattern.test(els[i].className) ) 
            { 
            classElements[j] = els[i]; 
            j++;
            }
        }
        return classElements;
    },
    //根据class获取元素节点,方法二
    getElementsByClassName:function(fatherId,tagName,className){ 
        node = fatherId&&document.getElementById(fatherId) || document; 
        tagName = tagName || "*"; 
        className = className.split(" "); 
        var classNameLength = className.length; 
        for(var i=0,j=classNameLength;i<j;i++){ 
            className[i]= new RegExp("(^|\\s)" + className[i].replace(/\-/g, "\\-") + "(\\s|$)"); //创建匹配类名的正则
        } 
        var elements = node.getElementsByTagName(tagName); 
        var result = []; 
        for(var i=0,j=elements.length,k=0;i<j;i++){//缓存length属性 
            var element = elements[i]; 
            while(className[k++].test(element.className)){//优化循环 
                if(k === classNameLength){ 
                    result[result.length] = element; 
                    break; 
                }   
            } 
            k = 0; 
        } 
        return result; 
    },
    //根据class获取元素节点,方法三
    getByClass:function(className,parents){
        parents=parents||document;
        if(parents.getElementsByClassName){
            return parents.getElementsByClassName(className);
        }
        var nodes=parents.getElementsByTagName("*");
        ret=[];
        for (var i=0;i<nodes.length;i++){
            if(this.hasClass(nodes[i],className)){
                ret.push(nodes[i]);
            }
        }        
        return ret;
    },
    hasClass:function(node,className){
        var names=node.className.split(/\s+/);
        for(var i=0;i<names.length;i++){
            if(names[i]==className){
                return true;
            }
        }
        return false;
    },
    //获取元素样式表中样式
    getStyle:function(elem,name){
        if(elem.style[name])
                return elem.style[name];
        else if(elem.currentStyle)        
                return elem.currentStyle[name];
        else if(document.defaultView&&document.defaultView.getComputedStyle){
                name = name.replace(/([A-Z])/g,"-$1");
                name = name.toLowerCase();
                var s = document.defaultView.getComputedStyle(elem,"");
                return s&&s.getPropertyValue(name);
        }
        else{
            return null;
        }
    },
    //跨浏览器获取相关元素
    getRelatedTarget:function(event){
        if(event.relatedTarget){
            return event.relatedTarget;
        }else if(event.toElement){
            return event.toElement;
        }else if(event.fromElement){
            return event.fromElement;
        }else{
            return null;
        }
    },
     //鼠标事件的button属性检测 
    getButton:function(event){
        if(document.implementation.hasFeature("MouseEvents","2.0")){
            return event.button;
        }else{
            switch(event.button){
                case 0:
                case 1:
                case 3:
                case 5:
                case 7:
                    return 0;
                case 2:
                case 6:
                    return 2;
                case 4:
                    return 1;
            }
        }
    },
    //跨浏览器字符编码---charCode属性检测 
    getCharCode:function(event){
        if(typeof event.charCode == "number"){
            return event.charCode;
        }else{
            return event.keyCode;
        }
    },
    //跨浏览器鼠标滚轮滚动显示detail属性值
    getWheelDelta:function(event){
        if(event.wheelDelta){
            return event.wheelDelta;
        }else{
            return -event.detail * 40;
        }
    },
    //跨浏览器兼容鼠标滚轮滚动事件
    getWheel:function(document,scrollFunc){
        if(document.attachEvent){  //IE注册事件
            var type = 'onmousewheel';
            document.attachEvent(type,scrollFunc); 
        }else if(document.addEventListener){  //Firefox注册事件
            var type = 'DOMMouseScroll';
            document.addEventListener(type,scrollFunc,false); 
        } 
    }
}