js 回車提交表單的實現

2022-06-07 23:27:14 字數 503 閱讀 5033

呢?我的方法有點彆扭,就是再寫乙個無意義的文字框,隱藏起來。根據第3條規則,我們在用button的時候,盡量顯式宣告type以使瀏覽器表現一致。

通過以上可知只要把type="submit"改成type="button"然後js提交, 在不要有乙個type=」text」的input就行了。就不會發生回車跳轉。

但實驗發現,ie和火狐不一樣,火狐的submit按鈕有掩藏的(display:block)和顯現的都不行,必須全改,但ie只要顯現的沒有submit就行了。

如果只是針對某個div層應用回車查詢的話,可以將:

document.onkeydown=keydownsearch;

改成:

document.getelementbyid('層id').onkeydown=keydownsearch; 

兩種情況,僅供參考。具體實現還需結合自身頁面。

一、整個頁面用乙個回車提交事件:

二、某個輸入框中註冊回車事件,一般用於使用者在頁面輸入後按回車:

js 回車提交表單

1,js 輸入框如何鋪貨回車事件?在onkeypress 事件中捕獲,即在keypress事件中,判斷按下的鍵是否是enter,其對應keycode是13 html input type text name email placeholder 電子郵箱 onkeypress pressenterto...

按回車提交表單

問題域 在製作網頁時,有時候需要在文字框中輸入內容時按下回車就自動提交表單,而有的時候又不希望一按下回車就自動提交表單,遇到這樣的問題我們如何去處理呢?解決方案 1 首先我們來實現一按回車就自動提交表單的功能 這個其實比較容易,只要表單中含有乙個 提交 的按鈕,在文字框中輸入內容後按回車就會自動提交...

element ui 實現回車提交表單且頁面不重新整理

給 el form 加上 submit.native.prevent 用於阻止提交表單時頁面重新整理的預設行為 給 提交的按鈕 加上 native type submit 表示這個按鈕的原生type屬性為submit,用於實現回車提交表單 submit.native.prevent label 名字...