接到一個(gè)問(wèn)題，大概描述如下：頁(yè)面有一text文本框，有一submit類型的按鈕，輸入內(nèi)容后，按回車頁(yè)面只是刷新一下，但是沒(méi)有執(zhí)行創(chuàng)建操作。而且文件夾名有如下限制：不能和之前創(chuàng)建文件夾同名，且非空。jsp中的內(nèi)容簡(jiǎn)化為如下：
<form> <tr>
<td><input type="text" id="filename" /> </td>
<td><input type="submit" onclick="return addFile();" id="sub"/> </td>
</tr> </form>
其中addFile()函數(shù)會(huì)有上面提及到限制判斷，并且會(huì)返回boolean類型，當(dāng)然符合條件時(shí)就返回true，不符合就返回false。理所當(dāng)然當(dāng)輸入內(nèi)容后點(diǎn)擊submit按鈕會(huì)正常執(zhí)行相關(guān)操作而且會(huì)正常執(zhí)行限制判斷。可是奇怪的是，在IE下 在text框輸入內(nèi)容后直接按回車確不能執(zhí)行相關(guān)操作，只是頁(yè)面刷新了一下， 但是在FIREFOX下 按回車卻能正常執(zhí)行操作和判斷。 之前第一時(shí)間就是想到應(yīng)該在text文本框中加一個(gè)onkeydown的事件enter_file()，enter_file函數(shù)是當(dāng)按下回車時(shí)就執(zhí)行，并且函數(shù)中應(yīng)該有這句代碼 document.getElementById('sub').click(); 就是說(shuō)當(dāng)回車時(shí)就執(zhí)行submit按鈕的click操作。 貌似應(yīng)該會(huì)正常執(zhí)行操作的吧，可是又一奇怪問(wèn)題出現(xiàn)了，就是在IE下，在文本框中輸入 a 后（假設(shè)之前沒(méi)有文件名為a的文件），然后快速按2下（更多下也可以），結(jié)果會(huì)跳過(guò)“不能創(chuàng)建重復(fù)文件名”的判斷，創(chuàng)建出2個(gè)相同名字a 的文件夾，而且例如輸入同名文件名后，彈出框會(huì)一閃而過(guò)，不會(huì)等點(diǎn)擊確認(rèn)后才退出彈出框，但是在FIREFOX下卻是正常執(zhí)行，也不會(huì)出現(xiàn)一閃而過(guò)的現(xiàn)象，就是快速按幾下也只是創(chuàng)建一個(gè)文件夾a。 之后百思不得其解，試過(guò)一些方法，比如把submit類型改為button類型，把onkeydown事件換成onkeypress或者onkeyup ，結(jié)果還是出現(xiàn)IE下快速按回車 創(chuàng)建2個(gè)同名文件夾，還是出現(xiàn)一閃而過(guò)的現(xiàn)象。
初步判斷可能是ie和ff在text框按回車的響應(yīng)不同，最后上網(wǎng)搜了一下，找到一個(gè)帖子 名為求解一個(gè)關(guān)于回車的問(wèn)題 http://topic.csdn.net/t/20061128/14/5191186.html ，具體內(nèi)容到那個(gè)帖子看看。抽取其中值得注意的地方如下：
IE：
1. 只有一個(gè)text框時(shí)，（不管有沒(méi)有submit），直接觸發(fā)onsubmit (form標(biāo)簽的一事件屬性)
2. 有多個(gè)text框時(shí)，觸發(fā)submit上的onclick，其默認(rèn)行為為觸發(fā)onsubmit。
相對(duì)來(lái)說(shuō)，ff的行為最復(fù)雜。
1. 有submit或button時(shí)，觸發(fā)submit或button的onclick，然后該onclick的默認(rèn)行為會(huì)觸發(fā)onsubmit。
2. 沒(méi)有submit或button時(shí)，
2.1 只有一個(gè)text框時(shí)，觸發(fā)onsubmit；
2.2 有多個(gè)text框時(shí)，不觸發(fā)onsubmit。
因?yàn)榭吹疆?dāng)只有一個(gè)text框時(shí)，直接觸發(fā)onsubmit，就聯(lián)想到要在form標(biāo)簽中加上onsubmit事件，于是把上面的代碼改為如下：
<form onsubmit="return addFile()"> <tr>
<td><input type="text" id="filename" /> </td>
<td><input type="submit" id="sub"/> </td>
</tr> </form>
結(jié)果在IE下終于能成功操作，即是快速按幾下也只是創(chuàng)建一個(gè)文件夾，并且不在出現(xiàn)一閃而過(guò)的現(xiàn)象。 因此很多時(shí)候在IE下可能出現(xiàn)奇怪問(wèn)題，換作FF下就沒(méi)問(wèn)題了，F(xiàn)irefox支持JavaScript是正宗的。另外用firefox的插件 firedebug 來(lái)調(diào)試 javascript 程序 簡(jiǎn)直太爽了。