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

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

WBOY
WBOYoriginal
2016-05-16 16:49:541075parcourir

以下是实现方法:

复制代码 代码如下:


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

 

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn