(一)纯input控件:

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>

 

jquery:

<script type="text/javascript">

        $(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>

(二)包含textarea控件:

 html:

<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>

jquery:

<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>

et_highlighter