jQuery 将焦点 按回车键 变成 Tab键 的问题

tandy 2015-03-25 01:33:42
		$(function() {

$(".vipinformation").keydown(function() {
if(event.keyCode == 13) {
event.keyCode = 9;//回车变为Tab键
alert(event.keyCode);
}
});

});


以上是代码
用jQuery 获取了一个 table 的焦点 ,想实现在此 table 中按 回车 将 自动Tab 到此 table 中 的下一个文本框
请问以上代码怎么修改???
...全文
182 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
highnewrain 2015-03-25
  • 打赏
  • 举报
回复
引用 4 楼 t55312153 的回复:
[quote=引用 3 楼 u010005508 的回复:] 搞了段循环设置Table中text控件焦点的代码,不知可符合你的要求。。。
<!doctype html>
<html>
<head>
<script src="jquery.js"></script>
<script>
	$(function(){
		var texts={elements:$(".test_table :text"),index:0};
		texts.elements.keydown(function(event) {
			if(event.keyCode==13)
			{
				 texts.index++;
				 texts.index%=texts.elements.length;
				 texts.elements[texts.index].focus();
			}
    });
	});
</script>
</head>
<body>
	<table class="test_table">
		<tr><td>name:<input type="text" name="name" ></></td></tr>
		<tr><td>age:<input type="text" name="age" ></td></tr>
		<tr><td>phone:<input type="text" name="phone"></td></tr>
		</table>
</body>
</html>
请问 如何在 Tab 到最后一个 文本框 便将焦点放置到 提交按钮上呢? 我最初的想法是 使用2个Table 第一个 放置 2个文本框 另一个Table 放置一个提交按钮 然后 给这个Table 添加一个事件 onkeydown="if(event.keyCode==13)event.keyCode=9" Tab 到最后一个文本框时 跳到另一个Table 执行提交 但是这样不能实现[/quote]
<!doctype html>
<html>
<head>
<script src="jquery.js"></script>
<script>
	$(function(){
		var texts={elements:$(".test_table :text"),index:0};
		texts.elements.keydown(function(event) {
			if(event.keyCode==13)
			{
				 texts.index++;
				 if(texts.index<texts.elements.length)
				 {
				 	texts.elements[texts.index].focus();
				 }
				 else
				 {
				 	$(":submit").focus();
				 	texts.index=0;
				 }
			}
    });
	});
</script>
</head>
<body>
	<table class="test_table">
		<tr><td>name:<input type="text" name="name" /></></td></tr>
		<tr><td>age:<input type="text" name="age" /></td></tr>
		<tr><td>phone:<input type="text" name="phone"/></td></tr>
		</table>
		<br/>
		<input type="submit" />
</body>
</html>
tandy 2015-03-25
  • 打赏
  • 举报
回复
引用 3 楼 u010005508 的回复:
搞了段循环设置Table中text控件焦点的代码,不知可符合你的要求。。。
<!doctype html>
<html>
<head>
<script src="jquery.js"></script>
<script>
	$(function(){
		var texts={elements:$(".test_table :text"),index:0};
		texts.elements.keydown(function(event) {
			if(event.keyCode==13)
			{
				 texts.index++;
				 texts.index%=texts.elements.length;
				 texts.elements[texts.index].focus();
			}
    });
	});
</script>
</head>
<body>
	<table class="test_table">
		<tr><td>name:<input type="text" name="name" ></></td></tr>
		<tr><td>age:<input type="text" name="age" ></td></tr>
		<tr><td>phone:<input type="text" name="phone"></td></tr>
		</table>
</body>
</html>
请问 如何在 Tab 到最后一个 文本框 便将焦点放置到 提交按钮上呢? 我最初的想法是 使用2个Table 第一个 放置 2个文本框 另一个Table 放置一个提交按钮 然后 给这个Table 添加一个事件 onkeydown="if(event.keyCode==13)event.keyCode=9" Tab 到最后一个文本框时 跳到另一个Table 执行提交 但是这样不能实现
highnewrain 2015-03-25
  • 打赏
  • 举报
回复
搞了段循环设置Table中text控件焦点的代码,不知可符合你的要求。。。
<!doctype html>
<html>
<head>
<script src="jquery.js"></script>
<script>
	$(function(){
		var texts={elements:$(".test_table :text"),index:0};
		texts.elements.keydown(function(event) {
			if(event.keyCode==13)
			{
				 texts.index++;
				 texts.index%=texts.elements.length;
				 texts.elements[texts.index].focus();
			}
    });
	});
</script>
</head>
<body>
	<table class="test_table">
		<tr><td>name:<input type="text" name="name" ></></td></tr>
		<tr><td>age:<input type="text" name="age" ></td></tr>
		<tr><td>phone:<input type="text" name="phone"></td></tr>
		</table>
</body>
</html>
tony4geek 2015-03-25
  • 打赏
  • 举报
回复
tandy 2015-03-25
  • 打赏
  • 举报
回复
求大神指点!!!!!!!!!

81,094

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧