回車實現tab鍵功能

2021-04-13 11:54:52 字數 460 閱讀 7393

用客戶端指令碼在頁面新增document的onkeydown事件,讓頁面在接受到回車事件後,進行tab鍵的功能,即只要把event的keycode由13變為9 

這樣的處理方式,可以實現焦點往下移動,但對於按鈕也起同樣的作用,一般的客戶在輸入完資料以後,跳到按鈕後,最好能直接按"回車"進行資料的提交.因此,對上面的方法要進行一下修改,應該對於"提交"按鈕不進行焦點轉移.而直接啟用提交.

因此我對上面的**進行了乙個修改,即判斷事件的"源",是否為提交按鈕,**如下:

判斷是否為button, 是因為在html上會有type="button"

判斷是否為submit,是因為html上會有type="submit"

判斷是否為reset,是因為html上的"重置"應該要被執行

判斷是否為空,是因為對於html上的"鏈結"也應該被執行,這種情況發生的情況不多,可以使用"tabindex=-1"的方式來取消鏈結獲得焦點.

JQuery實現回車代替Tab鍵

jquery實現回車代替tab鍵 對於乙個網頁上的表單,放置了乙個提交按鈕以後,使用者如果按了鍵盤的回車鍵,預設情況下,就會提交這個表單了。這樣對於使用者輸入各個表單專案,使用者體驗很不好,輸入完乙個專案,或者用滑鼠選擇下乙個專案,或者用鍵盤的tab鍵選中下乙個專案。二 問題要求 2 如果當前處於焦...

如何使用回車鍵模仿Tab鍵

李中未 在delphi程式設計中,如何實現用回車鍵在若干個編輯視窗中切換?比如,姓名和密碼兩個輸入視窗,輸入姓名後,只能用tab鍵或用滑鼠定位游標到密碼輸入視窗,我想用回車鍵切換視窗。回答 先將窗體的keypreview屬性設為true。然後在formkeypress事件中加入以下 procedur...

vue element ui 回車鍵搜尋功能

乙個小問題 但是浪費了我很長時間找解決辦法 記錄一下 希望可以幫助到你哦 1.如果是使用了element ui 的el input,需要加.native,不然不起作用 value placeholder 請選擇 keyup.enter.native searchenterfun el input s...