Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jQuery回车键切换文本框焦点

jQuery回车键切换文本框焦点

发布时间:2015-12-23   编辑:www.jquerycn.cn
本文介绍了jQuery实现回车键(Enter)切换文本框焦点方法,有需要的朋友做个参考。

例子,jquery实现回车键(Enter)切换文本框焦点。
 

复制代码 代码示例:
<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();
        }
    });
});

有关回车切换焦点的方法,脚本学堂 之前的文章也有介绍,参考如下:

您可能感兴趣的文章:
jQuery回车键切换文本框焦点
jquery回车键enter切换焦点如何实现
基于Jquery的实现回车键Enter切换焦点
jquery 回车键Enter切换焦点的实现代码
Jquery回车为tab焦点切换(回车相当于按tab键)的代码
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
Jquery控制只能输入数字(解析)
jquery设置焦点方法focus()和jquery失去焦点方法blur()
js实现屏蔽"Backspace"(退格)键后退功能的代码
通过上下左右键和回车键切换光标实现代码

关键词: jQuery  回车键  切换焦点   
[关闭]