input入力ボックスをクリックして、車を押して次の入力ボックス機能に切り替えます.

3276 ワード

直接コード:
HTML:
JavaScript:
方法1:回車トリガ後、input枠を往復で切り替えます.
function focusNextInput(thisInput) {
    var inputs = document.getElementsByTagName("input");
    for(var i = 0;i
方法二:同じ方式の2つの方法で書きました.
EL-1:
//          
$("#form").on("keydown","input",function(){
    var e = event || window.event || arguments.callee.caller.arguments[0];
//          
    if(e && e.keyCode==13) {
        var inputs = $("#form input");
        var idx = inputs.index(this);     //               
        if (idx == inputs.length - 1) {       //             
            if (confirm("           ,    ?"))
                $("#form").submit(); //     
        } else {
            inputs[idx + 1].focus(); //     
            inputs[idx + 1].select(); //     
        }
    }
});

*************************************************************************************************************
EL-2:
$("form[name='Form'] input:text").keypress(function(e) {
    if (e.which == 13) {//          
        var inputs = $("form[name='Form']").find(":text"); //            
        var idx = inputs.index(this); //               
        if (idx == inputs.length - 1) {//             
            if($('input[name="d1"]').val()==''||$('input[name="d2"]').val()==''){
                layer.msg('      ');
                return false;
            }
                $("form[name='Form']").submit(); //     
        } else {
            inputs[idx + 1].focus(); //     
            inputs[idx + 1].select(); //     
        }
        return false;//          
    }
});
上記の方法は押してリターンし、手動で次の入力ボックスに切り替えます.以下の方法は入力ボックスの入力に適用される値を固定した場合、自動的に切り替える方法です.
//                         (         )
var Form=document.getElementById('form');
var input=Form.getElementsByTagName('input');
var iNow=0;
type  = !-[1,] ? 'onpropertychange' : 'oninput', limit  = 3; //            
for(var i=0;ilimit-1&&input[iNow+1].focus();
        },0)
    }
}

//                       :
$("input").keydown(function(event){
    if (event.keyCode == 13) {
  	    document.getElementById("form").submit();
    }
});
今はこのような方式しか試したことがありません.もっと簡潔な方法があれば、メッセージを貼り付けてください.