公司W(wǎng)EB項(xiàng)目要求是必須兼容FF3，IE6/7/8。本文所述為IE6下的一個(gè)BUG.

　　項(xiàng)目里面寫了一個(gè)自己封裝的彈出層，原理是先動(dòng)態(tài)添加一個(gè)遮罩層，再動(dòng)態(tài)添加一個(gè)DIV(Table)層（做彈出層的PNG半透明邊框效果），DIV里面動(dòng)態(tài)添加一個(gè)IFrame，這個(gè)Iframe頁面指向一個(gè)現(xiàn)存的HTM文件。

　　如果這個(gè)HTM文件中，包含文本輸入框這樣的一些表單元素，在IE6下就會(huì)出婁子了。

　　測(cè)試組的人說了，彈出層打開后，“經(jīng)常”無法獲取文本框的焦點(diǎn)，就是鼠標(biāo)點(diǎn)文本框無法獲取焦點(diǎn)并顯示輸入標(biāo)記，仿佛被什么透明層給蓋住了。但有時(shí)是正常的，可謂間歇性精神障礙。有的機(jī)子上百分之五十的幾率出現(xiàn)，有的機(jī)子上百分之三十左右的幾率出現(xiàn)。

　　少不了得做一番測(cè)試和分析了。

　　經(jīng)我在虛擬機(jī)IE6測(cè)試，也發(fā)現(xiàn)的確如測(cè)試組的人所說。

　　我確信不可能有多余的覆蓋層，因?yàn)槌谋究蛑猓車娜魏挝淖侄伎梢哉５挠檬髽?biāo)選中，它周圍的任何元素包括這個(gè)文本框本身也能響應(yīng)onclick事件，只是無論怎么點(diǎn)，都無法獲取輸入焦點(diǎn)。（文本框沒有設(shè)置readOnly或者disabled）

　　但是，某些小動(dòng)作就可以讓它們恢復(fù)正常，比如在這個(gè)Iframe里右鍵刷新一下，或者是在這個(gè)Iframe里按'TAB'鍵將焦點(diǎn)切換到任何一個(gè)文本框，這時(shí)，所有的文本框都可以用點(diǎn)擊正常獲得焦點(diǎn)了。還真是變態(tài)！

　　咱總不能說這是IE6的BUG我們程序無法解決吧，領(lǐng)導(dǎo)是不聽這話的。

　　經(jīng)過一番努力，還是有了解決方案。

　　我發(fā)現(xiàn)，手動(dòng)調(diào)用一下任何一個(gè)（通常是第一個(gè)）文本框的focus()方法就可以讓所有的文本框恢復(fù)神智了。于是寫了一個(gè)公共腳本，在Iframe內(nèi)的頁面末尾，獲取第一個(gè)文本框并調(diào)用其focus()，經(jīng)測(cè)百來次，再?zèng)]碰見無法獲取焦點(diǎn)的情況，問題解決。

下面是網(wǎng)友回復(fù):
彈出的那個(gè)標(biāo)簽是<a />標(biāo)簽吧？
換成<span />標(biāo)簽似乎就OK了

JavaScript技術(shù)：IE6 彈出Iframe層中的文本框“經(jīng)常”無法獲得輸入焦點(diǎn)，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。