input入力ボックスをクリックして、車を押して次の入力ボックス機能に切り替えます.
3276 ワード
直接コード:
HTML:
方法1:回車トリガ後、input枠を往復で切り替えます.
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();
}
});
今はこのような方式しか試したことがありません.もっと簡潔な方法があれば、メッセージを貼り付けてください.