常見的瀏覽器對js的兼容問題

1） 滾動條：

document.documentElement.scrollTop||document.body.scrollTop
複製代碼

2) 獲取樣式兼容

function getStyle(dom, styleName){
        return dom.currentStyle?
        dom.currentStyle[styleName]
        getComputedStyle(dom)[styleName];
    }
複製代碼

3) 網頁可視區域兼容

window.innerHeight || document.documentElement.clientHeight
    window.innerWidth || document.documentElement.clientWidth
複製代碼

4） 事件對象兼容

evt = evt || window.event;
複製代碼

5） 阻止事件冒泡兼容

event.stopPropagation?
    event.stopPropagation():event.cancelBubble=true;
複製代碼

6）阻止默認行爲兼容

evt.preventDefault?evt.preventDefault():evt.returnValue=false;
複製代碼

7）事件監聽兼容

if(document.all){
        dom.attactEvent(「onclick」, fn);
        } else {
        dom.addEventListener(「click」, fn);
    }
複製代碼

8）事件目標對象兼容

var t = event.target || event.srcElement;
複製代碼

---

做者：wendy0818 來源：CSDN 原文：blog.csdn.net/wendy0818/a… 版權聲明：本文爲博主原創文章，轉載請附上博文連接！