jquery按Enter或上下键在输入框里跳转

<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<input class='cust_info_input' type='text'/><br/>
<input class='cust_info_input' type='text'/><br/>
<input class='cust_info_input' type='text'/><br/>
<input class='cust_info_input' type='text'/><br/>
<script>
$(function () {
//设置cust_index， 在按enter键的时候跳到下一个输入框
$('.cust_info_input').each(function(i,o){
$(this).attr('cust_index', i);
})
//在按enter或上下键的时候跳到下一个输入框
$('.cust_info_input').keydown(function(event){
var keycode = event.which;
if(13 != keycode && 38 != keycode && 40 != keycode){
return;
}
var ti =
$(this).attr('cust_index');
if(13 == keycode || 40 == keycode) {
//down
ti++;
}else{
//up
ti--;
}
if(ti < 0){
ti = 0;
}
var next_obj = $('.cust_info_input[cust_index='+ti+']');
if(next_obj){
next_obj.focus();
}
})
})
</script>

最后

以上就是超帅电话为你收集整理的jquery按Enter或上下键在输入框里跳转的全部内容，希望文章能够帮你解决jquery按Enter或上下键在输入框里跳转所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。