JQuery實現回車代替Tab鍵

jquery實現回車代替tab鍵

對於乙個網頁上的表單，放置了乙個提交按鈕以後，使用者如果按了鍵盤的回車鍵，預設情況下，就會提交這個表單了。這樣對於使用者輸入各個表單專案，使用者體驗很不好，輸入完乙個專案，或者用滑鼠選擇下乙個專案，或者用鍵盤的tab鍵選中下乙個專案。

二、問題要求：

2：如果當前處於焦點（也就是使用者正在輸入的那個文字框）是最後乙個輸入框，那麼按回車鍵時，將請使用者確認後提交表單；

三、基本思路：

1：判斷按鍵是否是回車建， 這個比較好辦，用jqeury中的事件，就可以獲取到當前按的鍵的值了，回車鍵的值是13，比較一下即可。

2：判斷當前處於焦點的輸入框是不是最後乙個輸入框。

$(function()  else 

return false;// 取消預設的提交行為
}});
});

回車實現tab鍵功能

用客戶端指令碼在頁面新增document的onkeydown事件,讓頁面在接受到回車事件後,進行tab鍵的功能,即只要把event的keycode由13變為9 這樣的處理方式,可以實現焦點往下移動,但對於按鈕也起同樣的作用,一般的客戶在輸入完資料以後,跳到按鈕後,最好能直接按 回車 進行資料的提交....

jquery 檢測回車事件 jquery 回車事件

jquery 回車事件 相容ie與firefox火狐,本文章舉了二款例項來告訴你關於jquery 在ie與firefox火狐區別與使用方法。document ready function 按下回車的控制項 keydown function e var curkey e.which if curkey...

封裝jQuery外掛程式實現TAB切換

先上效果圖 直接上 index.html doctype html html lang en head meta charset utf 8 title demo title script src jquery.js script script src tab.js script style tab...