大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > JavaScript技巧 > jQuery实现回车键(Enter)切换文本框焦点的代码实例

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

关键词:jQuery回车键切换焦点  阅读(464) 赞(19)

[摘要]这篇文章主要介绍了jQuery实现回车键(Enter)切换文本框焦点的代码实例,希望我们提供的文章能够对你解决JavaScript相关问题有所帮助。

以下是实现方法:

<script src="http://yige.org/static/js/j.js"></script>
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();
        }
    });
});

 



相关评论