iframe在火狐瀏覽器下的src屬性更改之后onblur失效問題說明

<span style="font-family:Microsoft YaHei;font-size:18px;">
<span style="background-color: rgb(255, 255, 255);">昨天寫了一下 </span>
<a target=_blank href="http://blog.csdn.net/u012175246/article/details/44104783" target="_blank" style="background-color: rgb(255, 255, 255);">筆記</a> 
<span style="background-color: rgb(255, 255, 255);">，提到了火狐iframe的onblur事件失效的問題。（這是火狐固有的問題，見 </span>
<a target=_blank href="qq://txfile/#" style="background-color: rgb(255, 237, 196);"> 
<span style="background-color: rgb(255, 255, 255);"> 。）雖然筆記里的方法解決了失效的問題，但當(dāng)我改變iframe的src屬性值之后，onblur事件再次失效。</span>
</span>

在爆棧上提問，經(jīng)大神們解答，終于解決了這個(gè)問題。

原因是更改iframe的src屬性值后，瀏覽器會刷新一下iframe的內(nèi)容，此時(shí)onblur事件失效。解決的方法時(shí)，每當(dāng)iframe載入之后，重新綁定一次事件。即在iframe里添加onload屬性。這個(gè)屬性值對應(yīng)綁定事件的函數(shù)。

<span style="font-size:14px;">
<iframe id="iframe" src="" scrolling="yes" style="display: none;width:500px;height:500px" src="" onblur="hide()" onload="seint()">
</iframe>
</span>

<span style="font-size:14px;"><script>
function seint(){
	if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){  
		document.getElementById("iframe").contentWindow.addEventListener("blur",hide,false);  
   	}
}
</script></span>

以上就是iframe在火狐瀏覽器下的src屬性修改之后onblur失效問題介紹的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！