輸入框按enter鍵引起頁面重新整理問題

2021-09-27 09:20:33 字數 410 閱讀 9102

1、問題

繫結鍵盤事件,在乙個彈出窗中輸入完密碼按enter鍵直接提交,但是按完enter鍵會直接重新整理頁面,彈出窗無法保持

分析:在繫結事件中分別試了keydown,keyup,

keydown可以保持彈出視窗,但是第一次按鍵值獲取不到,

keyup可以獲取到值,但是按完enter鍵會直接重新整理頁面,無法保持視窗

最終通過分析繫結事件和頁面,問題原因是form表單,from表單缺省會提交重新整理

2、解決

方法1:去掉表單

方法2:form表單中大於多於兩個文字框(只有乙個文字框的話,複製乙個,display設定為none)

="return false;"

input輸入框按回車鍵提交表單問題

今天發現乙個奇怪的問題,當頁面只有乙個input文字框 type text 時,將滑鼠焦點置於這個文字框,然後按回車鍵 enter鍵 時會提交表單資料。查了一下,原來這是瀏覽器的預設行為,當form中只有乙個input文字框 type text 時,使用者按回車鍵會提交這個form表單。從這句話中我...

web頁面輸入框測試點

如何測試乙個web的輸入框?1 首先考慮是乙個文字輸入框還是數值型的文字輸入框 文字輸入框測試點 1 重複 2 空 也就是不填寫是否支援 2 長度 例如支援100字元,那需要測試100字元 101字元 100字元後輸入乙個漢字的情況,最大長度的顯示是否正常 3 哪些是支援的字元型別 數字 字母 漢字...

解決input輸入框按下回車鍵重新整理頁面

input輸入框鍵盤事件按下回車鍵的時候,竟然重新整理了整個頁面,使用者體驗相當不好,原來是form表單提交的時候會重新整理頁面解決方法如下 方法一 form onsubmit return false from 方法二 全域性控制鍵盤按下事件,當鍵碼值為13直接return false docum...