JavaScript表单输入结束后，按下Enter焦点下移事件

html实例：

当表单输入结束，按下Enter时，触发focusNextInput事件

<form name="f1" method="post" action="">
<div class="form-group">
<label for="">编号<i>*</i></label>
<input class="form-control" type="text" name="code" id="code" value="" autocomplete="off" onkeypress="if(event.keyCode==13) focusNextInput(this);" />
</div>
<div class="form-group">
<label for="">IQC单号<i>*</i></label>
<input class="form-control" type="text" name="iqc_bno" id="iqc_bno" value="" autocomplete="off" onkeypress="if(event.keyCode==13) focusNextInput(this);"/>
</div>
<div class="form-group">
<label for="">入库数量<i>*</i></label>
<input class="form-control" type="text" name="qty" id="qty" value="" autocomplete="off" onkeypress="if(event.keyCode==13) focusNextInput(this);"/>
</div>
<div class="form-group">
<label for="">操作员<i>*</i></label>
<input class="form-control" type="text" name="staff" id="staff" autocomplete="off" onkeypress="if(event.keyCode==13) focusNextInput(this);"/>
</div>
<div class="form-group">
<label for="">物料编号<i>*</i></label>
<input class="form-control" type="text" name="mcode" id="mcode" value="" autocomplete="off" onkeypress="if(event.keyCode==13) focusNextInput(this);"/>
</div>

<div class="form-group" style="text-align:center">
<button class="btn btn-success" type="button" id="btn_submit" onclick="check_form()" style="100%;">提交</button>
</div>
</form>

Js代码：

<script>

function focusNextInput(thisInput) {
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
// 如果是最后一个，则焦点回到第一个
if (i == (inputs.length - 1)) {
inputs[0].focus();
break;
} else if (thisInput == inputs[i]) {
inputs[i + 1].focus();
break;
}
}
}

window.onload = function () {
document.getElementsByName('code')[0].focus();
}

</script>