JS兼容问题总结

    //1.. 阻止事件冒泡的兼容

 

   if(Event.stopPropagation){
        Event.stopPropagation;
    }else{
        Event.cancelBubble = true;
  }

 

//2.阻止默认浏览器事件的兼容

function stopDefault(event) {
    var e = event || window.event; 
    if (e.preventDefault){
        e.preventDefault();   // w3c标准浏览器
    }else{
        e.returnValue = false; // IE浏览器
    }
}

 

//3.事件解绑的兼容

function bind(ele,type,callback){
    if(ele.addEventListener){
        ele.addEventListener(type,callback,false);
    }else{
        ele["on" + type] = callback;
    }
}
// - ele：将要绑定事件的对象
// - type：事件类型
// - callback：处理事件的函数

 

 

//4..获取键盘信息的兼容

    

e.keyCode || e.which

 

    //5.事件委托

  

  e.target || e.sceElement

 

 

    //6.获取样式的及兼容

 

   function getStyle(ele,attr){
    if(window.getComputedStyle){
        return window.getComputedStyle(ele)[attr];
    }else{
        return ele.currentStyle[attr];
    }
}

 

//7..获取滚动距离的兼容

var sTop = document.documentElement.scrollTop || document.body.scrollTop

 

 

//8.事件对象的兼容

function fn(eve){
        var e = eve || window.event;
}