javascript回车完美实现tab切换功能_javascript技巧

在网页上需要实现excel 那样的回车换行的功能在网上找了有关这方面的问题但是都不怎么好用，也有人提供了这方面的思路如何来做，

经过本人的整理和测试，能够很好的解决这个问题：

需要的条件

1，Jquery库地址可以到jquery.com官网上去下载最新的

2，查看界面表单的结构和相对应的表单位置

以下是一些才是表单结构
代码如下:

那么通过Jquery的选择器 层级选择器prev+next 定位 不太了解的可以查看jquery 的帮助文档，只要能定位到要选择的元素即可用什么方式无所谓

一下是关键脚本代码：
代码如下:

$(function () {
var i = 0;//索引
//以上的表单位置和上下文之间的关系就是label 后面总会有一个input 标签type 可能是Password 可能是text 或者是其他的
//可以按照个人需求修改，这里只定位到type="text" 的表单如果是又有表单的话改成 $("label+ input") 即可按个人需求
$("label+ :text").each(function () {
$(this).keydown(function (e) {
if (e.keyCode == 13) {
i++;//下一个定位的索引
try {
$("label+ :text")[i].focus();
} catch (e) {//到了最后一个的下一个可能找不到元素会出现异常通过try 捕捉不至于程序出现异常
return false;//必须要写以免错误信息被提交
}
return false;//必须要写以免错误信息被提交
}
});
});
});


可以试试！！！希望对你们有所帮助