目前總結的相容問題,共12種

2021-09-24 04:03:54 字數 1365 閱讀 5704

//1.滾動條距頂端的距離

var scrolltop = document.documentelement.scrolltop || document.body.scrolltop;

//2.滾動條距左端的距離

var scrollleft = document.documentelement.scrollleft || document.body.scrollleft;

的相容function byclassname(obj,classname)else

}return arr;}}

//4.//獲取元素物件中class屬性值的相容

function getclassvalue(obj)

//5.//獲取非行內樣式的相容

function getstyle(obj,attr)

//6. 獲取事件物件的相容

var e = event || window.event;

//7. 獲取滑鼠按鍵編碼值的相容

function getbutton(evt)else if(window.event)}}

//8. 獲取鍵盤按鍵的編碼值的相容

event.keycode || event.charcode || event.which

//9. 阻止事件冒泡的相容

evt.stoppropagation ? evt.stoppropagation() : evt.cancelbubble = true;

//10. 阻止超連結預設行為的相容

event.preventdefault ? event.preventdefault() : event.returnvalue = false;

//11. 新增事件***的相容

function addeventlistener(obj,event,fn,boo)

event = event || null;

fn = fn || function(){};

boo = boo || false;

if(obj.addeventlistener)else if(obj.attachevent)

}//12. 移除事件***的相容

function removeeventlistener(obj,event,fn,boo)

event = event || null;

fn = fn || function(){};

boo = boo || false;

if(obj.removeeventlistener)else if(obj.detachevent)

}//13. 獲取事件源的相容

var target = event.target || event.srcelement;

最新相容問題總結

相容問題解決方案。1 在做 之前,先把下邊三句meta加入頁面。2 pc端相容瀏覽器不能用 html5 新增的標籤。3 偽元素也不能用,在移動端可以用。4 如果想針對某乙個瀏覽器,設定單獨的屬性值,可以 如 class 針對 ie7特製識別的 css樣式 html class 針對ie8特製識別的c...

JS相容問題總結

1.阻止事件冒泡的相容 if event.stoppropagation else 2.阻止預設瀏覽器事件的相容 function stopdefault event else 3.事件解綁的相容 function bind ele,type,callback else ele 將要繫結事件的物件 ...

js相容問題總結

01 獲取滾動條滾動的距離 var stop document.documentelement.scrolltop document.body.scrolltop 02 獲取非行間樣式 ie currentstyle attr 標準 getcomputedstyle attr function ge...