Jquery实现回车键Enter切换焦点

转载于 2012-02-14 17:02:42 发布 · 3.4k 阅读

文章标签：

#jquery #input #function

JavaScript 专栏收录该内容

94 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的表单功能，当用户在一个文本输入框中按下回车键时，焦点会自动转移到下一个文本输入框。此功能通过绑定键盘事件并判断按键值来实现。

  <script type="text/javascript">
        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();
                }
            });
        });    
    </script>