1. 程式人生 > >表單中的input框點擊enter到下一個input框

表單中的input框點擊enter到下一個input框

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框