垂直关注文本框

Question

i need to focus textbox in verticle by press enter key

first row and then second row then third row

here My script,

$(document).ready(function() {
    $(".vertical_row1").keypress(function(event) {
        if(event.keyCode == 13) { 
        textboxes = $("input.vertical_row1");
        debugger;
        currentBoxNumber = textboxes.index(this);
        if (textboxes[currentBoxNumber + 1] != null) {
            nextBox = textboxes[currentBoxNumber + 1]
            nextBox.focus();
            nextBox.select();
            event.preventDefault();
            return false 
            }
        }
    });
})

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
    <tr>
        <td><input class="vertical_row1" type="text" name="" value="" placeholder=""></td>
        <td><input class="vertical_row2" type="text" name="" value="" placeholder=""></td>
    </tr>
    <tr>
        <td><input class="vertical_row1"  type="text" name="" value="" placeholder=""></td>
        <td><input class="vertical_row2" type="text" name="" value="" placeholder=""></td>
    </tr>
<table>

</div>

Answer 1

Try tabIndex TabIndex MDN

    <table>
        <tr>
            <td><input tabindex="0" class="vertical_row1" type="text" name="" value="" placeholder=""></td>
            <td><input tabindex="2" class="vertical_row2" type="text" name="" value="" placeholder=""></td>
        </tr>
        <tr>
            <td><input tabindex="1" class="vertical_row1"  type="text" name="" value="" placeholder=""></td>
            <td><input tabindex="3" class="vertical_row2" type="text" name="" value="" placeholder=""></td>
        </tr>
    <table>