onmouseover,onpropertychange

1:onmouseover解決兼容的方法:

var from=oEvent.fromElement || oEvent.relatedTarget;

if(this.contains(from)) return;

2:onpropertychange:

當(dāng)屬性改變的時(shí)候-->低版本ie不可用

oninput:當(dāng)輸入的時(shí)候

同樣低版本ie不好使

涉及的例子:實(shí)時(shí)統(tǒng)計(jì)數(shù)字

oninput=onpropertychange=function-->不兼容IE9,因此需要用定時(shí)器解決

if(window.navigator.userAgent.indexOf('MSIE 9.0')!=-1){

oT.onfocus=function(){

timer=setInterval(function(){

oSp.innerHTML=oT.value.length;

},100);

};

oT.onblur=function(){

clearInterval(timer);

};

}else{

oT.oninput=oT.onpropertychange=function(){

oSp.innerHTML=this.value.length;

document.title=this.value.length;

};

}

3:domready:

與window.onload的區(qū)別:

window.onload:當(dāng)頁面加載完成之后-->(html,css,js,img)

domready:Dom加載完成的時(shí)候-->(html)

DOMContentLoaded 必須事件綁定!但是用事件綁定時(shí)attachEvent()在低版本不好使,需要用低版本自帶的屬性 onreadystatechange

onreadystatechange 監(jiān)控資源情況

code:

function domReady(fn){

if(document.addEventListener){

document.addEventListener('DOMContentLoaded',function(){

fn&&fn();//處理事情

},false);

}else{

document.onreadystatechange=function(){

if(document.readyState=='complete'){

fn&&fn();//處理事情

}

};

}

}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容