js相容問題

2021-10-08 19:26:58 字數 903 閱讀 6540

獲取非行內樣式的相容方式

複製**

function getstyle(obj,attr)else

}複製**

獲取事件物件的相容方式

document.οnclick=function(eve)

事件冒泡的相容方法

複製**

function stopbubble(e)else

}複製**

阻止瀏覽器預設行為的相容方法

if( e.preventdefault )else
監聽事件的設定和移除的相容方式

複製**

1.封裝成物件的方式

var eventutil=else if(dom.attachevent)else

},removehandler:function(dom,eventtype,fn)else if(dom.detachevent)else}}

2.封裝成兩個函式的方式

function addevent(obj,inci,back)else if(obj.attachevent)else

}

function removeevent(obj,inci,back)else if(obj.detachevent)else

}

複製**

事件委託的相容方法

複製**

var oul = document.queryselector(「ul」)

oul.onclick = function(eve)

}複製**

鍵盤事件的相容方法

var eve = eve||window.event;

var keyc = eve.keycode||eve.which;

list item

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...

js中的相容問題

1 使用事件物件event時 ie9 chrome event是乙個內建全域性物件,也可以通過事件函式第乙個引數傳入 ie9 event時內建全域性變數,不能當作引數傳入 firefox 標準下 event物件只能通過事件函式的第乙個引數傳入的 相容性處理方式 obj.nclick function...