当前位置: 代码迷 >> Java Web开发 >> jQuery 将焦点 按回车键 变成 Tab键 的有关问题
  详细解决方案

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

热度:662   发布时间:2016-04-14 21:19:08.0
jQuery 将焦点 按回车键 变成 Tab键 的问题
		$(function() {

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

});


以上是代码
用jQuery 获取了一个 table 的焦点 ,想实现在此 table 中按 回车 将 自动Tab 到此 table 中 的下一个文本框
请问以上代码怎么修改???
------解决思路----------------------
引用:
Quote: 引用:

搞了段循环设置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 执行提交   但是这样不能实现

<!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>

  相关解决方案