js中一些兼容问题及写法

由于IE浏览器与其他普通浏览器的不同，所以有了一些不兼容的问题，下面是一些常见的兼容问题及解决兼容问题的写法：

一般的解决兼容都是封装成一个函数：

获取非行内样式时：

//普通浏览器
getComputedStyle(ele,false)[attr];
//IE浏览器
ele.currentStyle[attr];
//兼容：
function getStyle(ele,attr){
     if(ele.currentStyle){
        return ele.currentStyle[attr];
    }else{
        return getComputedStyle(ele,false)[attr];        
    }    
}

获取事件对象时：

//普通浏览器
    //事件处理函数的第一个参数；
//IE浏览器
    //通过window找event属性；
//兼容：
ele.onclick = function(eve){
　　var e = eve || window.event;  
}

获取事件对象目标时：

//普通浏览器：
    //e.target;
//IE浏览器（火狐浏览器）：
    //e.srcElement;
//兼容：
var e = eve || window.event;
var target = e.target || e.srcElement;

阻止事件冒泡时：

//普通浏览器：
    //e.stopPropagation;
//IE浏览器：
    //e.cancelBubble=true;
//兼容：
function stopBubble(e){
  if(e.stopPropagation){
        e.stoPropagation(); 
    }else{
        e.cancelBubble=true;
  }  
}

阻止默认事件时：

//普通浏览器：
    //e.preventDefault;
//IE浏览器：
    //e.returnValue=false;
//兼容：
function stopDefault(){
　　if(e.preventDefault) {
　　　　e.preventDefault();
　　} else{
       e.returnValue=false;
　　}
12 }

监听式绑定事件时：

//普通浏览器：
    //ele.addEventListener;
//IE浏览器： 
    //ele.attachEvent;
//兼容：
function stopDefault(ele,type,cb){
 7 　　if(ele.addEventListener;) {
 　 　　ele.addEventListener(type,cb,false);
 　 } else{
       ele.attachEvent("on"+type,cb);
 　 }
}

删除监听式绑定事件时：

//普通浏览器：
    //ele.removeEventListener;
//IE浏览器： 
    //ele.detachEvent;
//兼容：
function stopDefault(ele,type,cb){
　　if(ele.removeEventListener;) {
　　　　ele.removeEventListener(type,cb,false);
　　} else{
       ele.detachEvent("on"+type,cb);
11 　　}
}