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

分析：
$('input:text:first').focus();

頁面初始化時，焦點定位第一個文本框內(nèi)

var $inp = $('input:text');

取的type=文本框的元素集合

$inp.bind('keydown', function (e) {}

給文本框集合綁定‘keydown'事件

var key = e.which;

取的當前按下的鍵值比如Enter的鍵值=13

e.preventDefault();

可以阻止它的默認行為的發(fā)生而發(fā)生其他的事情，在這里我們組織PostBack發(fā)生，而是切換焦點。另外一個相近的方法是stopPropagation，它起到阻止js事件冒泡的作用。

您可能感興趣的文章:

enter事件

jQuery+Ajax實現(xiàn)用戶名重名實時檢測
這篇文章主要為大家詳細介紹了jQuery Ajax實現(xiàn)用戶名重名實時檢測，針對用戶注冊時出現(xiàn)的用戶名重名問題進行自動檢測，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
jquery實現(xiàn)點擊彈出層效果的簡單實例
本篇文章主要是對jquery實現(xiàn)點擊彈出層效果的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-03-03
jQuery實現(xiàn)圖片與文字描述左右滑動自動切換的方法
這篇文章主要介紹了jQuery實現(xiàn)圖片與文字描述左右滑動自動切換的方法,涉及jquery實現(xiàn)圖文滑動切換效果的方法,涉及jquery針對頁面元素與樣式的相關操作技巧,需要的朋友可以參考下
2015-07-07
jQuery中:enabled選擇器用法實例
這篇文章主要介紹了jQuery中:enabled選擇器用法,實例分析了:enabled選擇器的功能、定義及選取所有可用元素的使用技巧,需要的朋友可以參考下
2015-01-01
Jquery鼠標放上去顯示全名的實現(xiàn)方法
下面小編就為大家?guī)硪黄狫query鼠標放上去顯示全名的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
Axios和Jquery實現(xiàn)文件上傳功能
這篇文章主要為大家詳細介紹了Axios+Jquery實現(xiàn)文件上傳功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-08-08
jQuery獲取訪問者IP地址的方法(基于新浪API與QQ查詢接口)
這篇文章主要介紹了jQuery獲取訪問者IP地址的方法,實例分析了jQuery基于新浪API與QQ查詢接口獲取來訪者IP的相關參數(shù)傳遞與數(shù)據(jù)處理技巧,需要的朋友可以參考下
2016-05-05
在一個頁面實現(xiàn)兩個zTree聯(lián)動的方法
最近發(fā)現(xiàn)項目中很多地方都是樹形菜單，而這些樹形菜單都是使用樹形插件zTree來制作的，下面這篇文章主要給大家介紹了關于在一個頁面實現(xiàn)兩個zTree聯(lián)動的相關資料，需要的朋友可以參考借鑒，下面隨著小編來一起學習學習吧。
2017-12-12
jQuery的時間datetime控件在AngularJs中的使用實例(分享)
下面小編就為大家?guī)硪黄猨Query的時間datetime控件在AngularJs中的使用實例(分享)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
jquery 中的each()跳出循環(huán)的語句
很多新手朋友們都不知道jquery 中的each()怎么跳出循環(huán)，在each的回調(diào)函數(shù)中使用return false
2014-05-05