JULIA一区二区三区中文字幕 ,国产熟女高潮流白浆视频,免费观看很黄很色裸乳视频网站,伊人色综合久久天天人守人婷,久久伊人影院,国产小黄瓜精品福利,国产美女手淫高潮在线观看,中文一区二区三区亚洲欧美,色女人综合,一级特黄超爽在线

<ul id="o6ugm"></ul>

Firefox中Iframe的blur與focus事件問題

admin

2013年7月11日 1:1 本文熱度 4592

最近在做一個網(wǎng)站的HTML文章發(fā)布功能，用到了HTML編輯器，這個是以Iframe為基礎(chǔ)的編輯器（貌似網(wǎng)上大多的都是用iframe 的）。卻發(fā)現(xiàn)一個問題，IE下運行得好好的，在Firefox里卻始終不能提交更新后的數(shù)據(jù)到服務(wù)器上，找了半天原因才發(fā)現(xiàn)原來是在iframe的 onblur事件里面調(diào)了更新數(shù)據(jù)內(nèi)容的方法，但firefox下卻沒有執(zhí)行。　　于是立馬開始google了一把，發(fā)現(xiàn)遇到問題的不是我一個人，大量的人都是在問怎么解決firefox中觸發(fā)blur和focus事件的問題。答案到是給了一大堆，卻沒一個靠譜的。有一種答案說是放到setInterval里去執(zhí)行。

<iframe src="about:blank" onfocus="alert('onfocus');" onblur="alert('onblur');" id="AA">
</iframe>
<script>
window.setTimeout( function(){alert(1); document.getElementById("AA").focus(); }, 0);
</script>

看了半天也沒明白這到底是怎么回事，調(diào)試了一把發(fā)現(xiàn)在是在第一次運行的時候在setTimeout觸發(fā)了后，確實觸發(fā)了blur事件和focus事件，可是之后再通過鼠標點擊想觸發(fā)這兩個事件也不行，看樣子這兩個事件是有機會觸發(fā)的，也許是采用一般的方式不能吧。不過用setTimeout這種方式太雞肋了，總不至于每次去調(diào)用setTimeout去觸發(fā)吧，我要是知道什么時候去調(diào)setTimeout了還不如直接去調(diào)用事件處理函數(shù)更好點。這種方法也是被斃了。

　　再次深度GOOGLE，發(fā)現(xiàn)了一個老外寫的如下代碼：

<script>
function setit(){
if(document.all){
document.getElementById("myframe").attachEvent("onblur",dothis);
}else{
document.getElementById("myframe").contentWindow.addEventListener("blur",dothis,false);
}
}
function dothis(){
alert("blurred");
}
</script>
<body onload="setit()">
<iframe width="155" height="144" id="myframe"></iframe>
<input />
</body>

試了一下果真可以直接觸發(fā)，效果跟在IE下的一樣。回過頭去分析了一下代碼，發(fā)現(xiàn)firefox中原來iframe上的事件掛到了iframe中的 contentWindow中去了，與真接在html元素里面寫事件屬性相比，IE可能把iframe上的事件關(guān)聯(lián)到了contentWindow上了，可firefox卻不是這樣的，還是各是各的。這樣帶來的問題是firefox想要給iframe加事件只能夠用腳本去加了。
本來以為IE和firefox中對iframe的事件這部分定義不一樣，回頭去再去看看了HTML4.0中關(guān)于iframe的定義，果真是 iframe上面就沒有任何事件的定義，看來是IE順手給加上的。firefox號稱最符合html標準，那么寫在iframe上的“事件”沒有任何響應，自然也是合情合理的。DHTML手冊上有一句話，由于沒有“window”元素，body 元素將作為下列 window 對象事件的宿主：onblur, onbeforeunload, onfocus, onload 和 onunload?？蒆TML4.0里面body是有這兩個事件的，所以也就不難解釋為什么用腳本給iframe的contentWindow掛上事件就可以觸發(fā)了，實際上這個事件是來自于contentWindow里面的body元素。

事情到這里還算是比較滿意了，可是想想就因為一個瀏覽器不兼容的問題導致我花了老半天時間，真的很窩火。

該文章在 2013/7/11 1:01:51 編輯過

關(guān)鍵字查詢

問題

firefox

相關(guān)文章

正在查詢...

點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。

點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調(diào)度、堆場、車隊、財務(wù)費用、相關(guān)報表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點，圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。

點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務(wù)都免費，不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。