表單中的input框點擊enter到下一個input框
阿新 • • 發佈:2019-01-21
lec index dex 鍵盤事件 處理 eve his 判斷 lee
$(function() { $("#form1").on("keydown", "tr input", function() { //響應回車鍵按下的處理 var e = event || window.event || arguments.callee.caller.arguments[0]; //捕捉是否按鍵為回車鍵,可百度JS鍵盤事件了解更多 if (e && e.keyCode == 13) { //捕捉para_table下的tr裏面文本輸入框的個數 var inputs = $("#form1 tr ").find(":text"); console.log(inputs); var idx = inputs.index(this); // 獲取當前焦點輸入框所處的位置 if (idx == inputs.length - 1) { // 判斷是否是最後一個輸入框 _this.create(); } else { inputs[idx + 1].focus(); // 設置焦點 inputs[idx + 1].select(); // 選中文字 } } }); });
$(function() { $("#form1 input:text").keypress(function(e) { console.log(‘ssss‘) if (e.which == 13) { // 判斷所按是否回車鍵 var inputs = $("#form1 input:text"); // 獲取表單中的所有輸入框 var idx = inputs.index(this); // 獲取當前焦點輸入框所處的位置if (idx != inputs.length - 1) { inputs[idx + 1].focus(); // 設置焦點 inputs[idx + 1].select(); // 選中文字 } return false; // 取消默認的提交行為 } }); });
表單中的input框點擊enter到下一個input框