js 回車提交表單

2021-09-23 19:27:40 字數 987 閱讀 4365

1,js 輸入框如何鋪貨回車事件?

在onkeypress

事件中捕獲,即在keypress事件中,判斷按下的鍵是否是enter,其對應keycode是13

html**  

<

input

type="text"

name="email"

placeholder="電子郵箱"

onkeypress="pressenterto(event,user.register,this)" required>

jspressenterto 方法實現如下

js**  

/***

enter to to something identified by responseevent

*/var pressenterto = function pressenterto(event, responseevent, arguments2)   

var eventtarget = event.srcelement ? event.srcelement : event.target;  

if (event.keycode == 13 && responseevent && typeof responseevent === 'function')   

responseevent(arguments2);  

}  };  

2,pressenterto引數

第乙個引數:事件物件

第二個引數:響應方法,即事件的處理方法

第三個引數:響應方法的引數

所以,如果想要文字框回車就提交表單,就把提交表單的方法作為第二個引數穿進去即可.

3,**截圖

js 回車提交表單的實現

呢?我的方法有點彆扭,就是再寫乙個無意義的文字框,隱藏起來。根據第3條規則,我們在用button的時候,盡量顯式宣告type以使瀏覽器表現一致。通過以上可知只要把type submit 改成type button 然後js提交,在不要有乙個type text 的input就行了。就不會發生回車跳轉。...

按回車提交表單

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

表單按回車自動提交

當form表單中只有乙個時按回車鍵將會自動將表單提交。再新增乙個按下回車將不會自動提交,但是頁面上顯示乙個不知所云的輸入框挺彆扭,後從網上搜到兩個解決辦法 1.新增乙個不顯示輸入框,然後回車之後也不會提交 2.新增乙個onkeydown事件,然後回車之後也不會顯示 如果想新增回車事件可以在onkey...