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();//處理事情
}
};
}
}