实现回车键Enter切换焦点 Jquery代码

本文章提供一款jquery的实现回车键与enter切换焦点代码，下面来看看吧。

<script type="text/网页特效">
$(function () {
$('input:text:first').focus();
var $inp = $('input:text');
$inp.bind('keydown', function (e) {
var key = e.which;
if (key == 13) {
e.preventdefault();
var nxtidx = $inp.index(this) + 1;
$(":input:text:eq(" + nxtidx + ")").focus();
}
});
});
</script>

html代码

<div>
<asp教程:textbox id="txt1" runat="server" /><br />
<asp:textbox id="txt2" runat="server" /><br />
<asp:textbox id="txt3" runat="server" /><br />
<asp:textbox id="txt4" runat="server" /><br />
</div>

实例二 实现回车键enter切换焦点 jquery代码

<div>
<asp:textbox id="tb1" runat="server" class="cls" /><br />
<asp:textbox id="tb2" runat="server" class="cls" /><br />
<asp:textbox id="tb3" textmode="multiline" runat="server" class="cls" /><br />
<asp:textbox id="tb4" runat="server" class="cls" /><br />
</div>

<script type="text/javascript">
$(function () {
$('input:text:first').focus();
var $inp = $('.cls');
$inp.bind('keydown', function (e) {
var key = e.which;
if (key == 13) {
e.preventdefault();
var nxtidx = $inp.index(this) + 1;
$(".cls:eq(" + nxtidx + ")").focus();
}
});
});
</script>