進入正題之前，首先說明一下這裡的情況。

因為我的input輸入框全部都是使用JS程式碼動態生成的，也就是說我在頁面裡面點選一次按鈕就會生成幾個輸入框。所以我使用了JQuery的$("#id").on("keydown","input",function()特性來實現捕捉總輸入框的個數與按一次回車指向下一個輸入框，直到最後一個輸入框。

在這裡是使用JQuery實現的，程式碼如下：

//para_table 是一個id選擇器，這裡繫結在這個選擇器上

$("#para_table").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 = $("#para_table tr ").find(":text");   

        console.log(inputs.length);
        var idx = inputs.index(this);                         // 獲取當前焦點輸入框所處的位置
        if (idx == inputs.length - 1) {                       // 判斷是否是最後一個輸入框
            //if (confirm("最後一個輸入框已經輸入,是否提交?"))  // 使用者確認
            //     $("form[id='save']").save();                 // 提交表單
        } else {
            inputs[idx + 1].focus(); // 設定焦點
            inputs[idx + 1].select(); // 選中文字
        }
    }
});
 

如果這篇原創文章幫到了您，請為我點個贊哦~(^▽^)~