禁止按回車鍵提交表單的方法_javascript技巧

一是編寫了javascript代碼，當(dāng)用戶點(diǎn)按Enter鍵時(shí)，通過js事件偵聽機(jī)制觸發(fā)表單的提交。

二是利用了瀏覽器的默認(rèn)行為（至少發(fā)現(xiàn)ie是這樣的）。瀏覽器在解析網(wǎng)頁的時(shí)候，有許多默認(rèn)的行為，例如如果一個(gè)頁面上有表單和一個(gè)提交按鈕，那么打開頁面時(shí)，焦點(diǎn)會(huì)自動(dòng)落在這個(gè)提交按鈕上面。同樣如果一個(gè)表單中只有一個(gè)單行文本輸入域（text），那么在這個(gè)輸入域中按Enter鍵時(shí)，瀏覽器會(huì)自動(dòng)提交該表單。

我們對(duì)于第一種情況一般都知道而且很容易理解，但是對(duì)于第二種瀏覽器的默認(rèn)行為，可能知道這一點(diǎn)的人就比較少了，下面我具體看一下瀏覽器（至少ie如此）在表單提交上的默認(rèn)行為。

如果表單中含有一個(gè)單行文本輸入域，那么無論含有多少其他類型的表單組件，那么在該輸入域中點(diǎn)擊Enter時(shí)，表單會(huì)自動(dòng)提交。

例如下面的代碼：

如果表單中含有兩個(gè)或多個(gè)單行文本輸入域，那么無論是否含有其他類型的表單組件，按Enter鍵時(shí)不會(huì)自動(dòng)提交，例如：

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com