js中的全部兼容問題總結

js兼容問題總結

​ 在學習js過程當中不少人都遇到過兼容問題，這些兼容問題是由於各版本瀏覽器不一樣致使的，爲了解決這些兼容問題，js給咱們提供瞭解決這些兼容問題的方案，對此，我我的進行了聚集以及總結。

1.阻止事件冒泡的兼容

var e = eve || window.event;
        stopBubble(e);

  function stopBubble(e){
        if(e.stopPropagation){
            e.stopPropagation();
        }else{
            e.cancelBubble = true;
        }
    }

2.阻止默認事件的兼容

var e = eve || window.event;

        stopDefault(e);

     function stopDefault(e){
        if(e.preventDefault){
            e.preventDefault()
        }else{
            e.returnValue = false;
        }
    }

3.事件監聽的綁定方式的兼容

obox.addEventListener("onclick",fn1)
    function fn1(){
        console.log(1)
    }
    obox.attachEvent("onclick",function(){
        console.log(2)
    })

4.事件解綁的兼容

removeEventListener()    detachEvent()

5.獲取鍵盤信息的兼容

e.keyCode || e.which

6.獲取事件源的監聽

e.target || e.sceElement

7.獲取非行內樣式的兼容

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

8.獲取滾動條距離

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

9.ajax兼容

var xhr = new XMLHttpRequest() || new ActiveXObject("Microsoft,XMLHTTP");

10.事件對象的兼容

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