Einführung in das Problem des Onblur-Fehlers, nachdem das src-Attribut von iframe im Firefox-Browser geändert wurde

黄舟
Freigeben: 2017-07-21 13:18:32
Original
1991 Leute haben es durchsucht

Einführung in das Problem des Onblur-Fehlers, nachdem das src-Attribut von iframe im Firefox-Browser geändert wurde

<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>
Nach dem Login kopieren

Ich habe eine Frage zu Baozhan gestellt und nachdem die Experten sie beantwortet hatten, konnte ich sie endlich lösen dieses Problem.

Der Grund dafür ist, dass der Browser nach dem Ändern des src-Attributwerts des Iframes den Inhalt des Iframes aktualisiert und das Onblur-Ereignis zu diesem Zeitpunkt fehlschlägt. Die Lösung besteht darin, das Ereignis jedes Mal neu zu binden, wenn der Iframe geladen wird. Das heißt, fügen Sie das Onload-Attribut im Iframe hinzu. Dieser Attributwert entspricht der an das Ereignis gebundenen Funktion.

<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>
Nach dem Login kopieren


<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>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonEinführung in das Problem des Onblur-Fehlers, nachdem das src-Attribut von iframe im Firefox-Browser geändert wurde. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage