首頁  >  文章  >  web前端  >  jQuery实现回车键(Enter)切换文本框焦点的代码实例_jquery

jQuery实现回车键(Enter)切换文本框焦点的代码实例_jquery

WBOY
WBOY原創
2016-05-16 16:49:541075瀏覽

以下是实现方法:

复制代码 代码如下:


jQuery(function () {
    jQuery('input:text:first').focus();//直接定位到当前页面的第一个文本框
    var $inp = jQuery('input:text');//所有文本框
    $inp.bind('keydown', function (e) {
        var key = e.which;
        if (key == 13) {
            e.preventDefault();
            var nxtIdx = $inp.index(this) + 1;
            jQuery(":input:text:eq(" + nxtIdx + ")").focus();
        }
    });
});

 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn