禁止按回車鍵提交表單的方法_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 21:39:14
禁止按回車鍵提交表單的方法_javascript技巧
禁止按回車鍵提交表單的方法_javascript技巧:出現自動提交的情況,有兩種可能: 一是編寫了javascript代碼,當用戶點按Enter鍵時,通過js事件偵聽機制觸發表單的提交。 二是利用了瀏覽器的默認行為(至少發現ie是這樣的)。瀏覽器在解析網頁的時候,有許多默認的行為,例如如果一個頁面上有表單和一個提
導讀禁止按回車鍵提交表單的方法_javascript技巧:出現自動提交的情況,有兩種可能: 一是編寫了javascript代碼,當用戶點按Enter鍵時,通過js事件偵聽機制觸發表單的提交。 二是利用了瀏覽器的默認行為(至少發現ie是這樣的)。瀏覽器在解析網頁的時候,有許多默認的行為,例如如果一個頁面上有表單和一個提

出現自動提交的情況,有兩種可能:
一是編寫了javascript代碼,當用戶點按Enter鍵時,通過js事件偵聽機制觸發表單的提交。
二是利用了瀏覽器的默認行為(至少發現ie是這樣的)。瀏覽器在解析網頁的時候,有許多默認的行為,例如如果一個頁面上有表單和一個提交按鈕,那么打開頁面時,焦點會自動落在這個提交按鈕上面。同樣如果一個表單中只有一個單行文本輸入域(text),那么在這個輸入域中按Enter鍵時,瀏覽器會自動提交該表單。
我們對于第一種情況一般都知道而且很容易理解,但是對于第二種瀏覽器的默認行為,可能知道這一點的人就比較少了,下面我具體看一下瀏覽器(至少ie如此)在表單提交上的默認行為。
如果表單中含有一個單行文本輸入域,那么無論含有多少其他類型的表單組件,那么在該輸入域中點擊Enter時,表單會自動提交。
例如下面的代碼:
如果表單中含有兩個或多個單行文本輸入域,那么無論是否含有其他類型的表單組件,按Enter鍵時不會自動提交,例如:
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
禁止按回車鍵提交表單的方法_javascript技巧
禁止按回車鍵提交表單的方法_javascript技巧:出現自動提交的情況,有兩種可能: 一是編寫了javascript代碼,當用戶點按Enter鍵時,通過js事件偵聽機制觸發表單的提交。 二是利用了瀏覽器的默認行為(至少發現ie是這樣的)。瀏覽器在解析網頁的時候,有許多默認的行為,例如如果一個頁面上有表單和一個提