表單設(shè)計阻止默認(rèn)事件 什么是js表單提交的默認(rèn)行為,為什么要阻止默認(rèn)行為?
什么是js表單提交的默認(rèn)行為,為什么要阻止默認(rèn)行為?默認(rèn)行為是瀏覽器直接提交表單,并根據(jù)HTML的屬性通過在原始頁面上打開/在新頁面上打開/作為下載文件下載來處理瀏覽器的響應(yīng)。JS根本無法處理這些行為
什么是js表單提交的默認(rèn)行為,為什么要阻止默認(rèn)行為?
默認(rèn)行為是瀏覽器直接提交表單,并根據(jù)HTML的屬性通過在原始頁面上打開/在新頁面上打開/作為下載文件下載來處理瀏覽器的響應(yīng)。
JS根本無法處理這些行為。
如何禁止按回車鍵提交表單?
自動提交有兩種可能性:一種是編寫JavaScript代碼。當(dāng)用戶按下enter鍵時,JS事件偵聽機(jī)制觸發(fā)表單的提交。第二種是利用瀏覽器的默認(rèn)行為(至少ie是這樣)。瀏覽器在解析網(wǎng)頁時有許多默認(rèn)行為。例如,如果頁面上有一個表單和一個提交按鈕,則打開頁面時,焦點(diǎn)將自動落在提交按鈕上。同樣,如果表單中只有一個單行文本輸入字段,則當(dāng)您在輸入字段中按enter鍵時,瀏覽器將自動提交表單。我們通常知道第一種情況,而且很容易理解,但是對于第二種瀏覽器的默認(rèn)行為,知道這一點(diǎn)的人可能會更少。讓我看看表單提交中瀏覽器(至少是IE)的默認(rèn)行為。如果表單包含單行文本輸入字段,則無論它包含多少其他類型的表單組件,當(dāng)您在輸入字段中單擊“回車”時,表單都將自動提交。例如,以下代碼: