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>