首页 > 前端
表单按回车到下一个输入项
来源:TP课堂 时间:2023-02-25 点击:912

表单按回车到下一个输入项

html:

<input type="text" placeholder="Name" class="input" autocomplete="off" id="i1">
<input type="text" placeholder="Name" class="input" autocomplete="off" id="i1">


js:

//按回车切换到下一行    
$("#i1").keydown(function (event) {    
    if (event.keyCode == 13) {    
        $("#i2").focus();    
        $(".message_box .country .sub_content").slideDown();    
    }    
});    
$("#i2").keydown(function (event) {    
    if (event.keyCode == 13) {    
        $("#i3").focus();    
    }    
});