Maison >interface Web >tutoriel HTML >Introduction au problème de l'échec du flou après la modification de l'attribut src de l'iframe dans le navigateur Firefox

Introduction au problème de l'échec du flou après la modification de l'attribut src de l'iframe dans le navigateur Firefox

黄舟
黄舟original
2017-07-21 13:18:322015parcourir

Introduction au problème de l'échec du flou après la modification de l'attribut src de l'iframe dans le navigateur Firefox

<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);"> 。)虽然笔记里的方法解决了失效的问题,但当我改变iframe的src属性值之后,onblur事件再次失效。</span>
</span>

J'ai posé une question sur Baozhan, et après que les experts y aient répondu, j'ai finalement résolu ce problème.

La raison est qu'après avoir modifié la valeur de l'attribut src de l'iframe, le navigateur actualisera le contenu de l'iframe et l'événement onblur échouera à ce moment-là. La solution consiste à relier l'événement à chaque fois que l'iframe est chargé. Autrement dit, ajoutez l'attribut onload dans l'iframe. Cette valeur d'attribut correspond à la fonction liée à l'événement.

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn