<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();

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

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

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

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

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

var key = e.which;

取的當(dāng)前按下的鍵值比如Enter的鍵值=13

e.preventDefault();

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

您可能感興趣的文章:

enter事件

相關(guān)文章

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