表单切换,用回车键替换Tab健(不支持IE)

 更新时间:2011年07月20日 20:52:32   作者:  
表单切换,用回车键替换Tab健。input的属性tab的值表示切换的顺序,这个值必须是连续的,并且不能重复。目前不支持IE
复制代码 代码如下:

<div>
<form>
<input name="a" tab="1" />
<input name="a" tab="3" />
<input name="a" tab="2" />
<input name="a" tab="5" />
<input name="a" tab="4" />
<input type="submit" value="submit" />
</form>
</div>
<script type="text/javascript">
var inputs = document.getElementsByTagName("input");
for (i = 0; i < inputs.length; i++) {
inputs[i].onkeydown = function(e){
if (e.keyCode == 13) {
var input = getInputByTab(parseInt(this.getAttribute("tab")) + 1);
if (input) {
input.focus();
return false;
}
}
}
}
function getInputByTab(t) {
for (i =0; i < inputs.length; i++) {
if (inputs[i].getAttribute("tab") == t)
return inputs[i];
}
return false;
}
</script>

相关文章

  • JavaScript中“基本类型”之争小结

    JavaScript中“基本类型”之争小结

    所谓“基本类型(primitive types)”的概念ECMAScript(V3,V5)中压根就没有,它只是将类型分为6种,感兴趣的朋友可以参考下
    2013-01-01
  • 微信小程序实现弹球游戏

    微信小程序实现弹球游戏

    这篇文章主要为大家详细介绍了微信小程序实现弹球游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-09-09
  • js获取窗口相对于屏幕左边和上边的位置坐标

    js获取窗口相对于屏幕左边和上边的位置坐标

    这篇文章主要介绍了js如何获取窗口相对于屏幕左边和上边的位置,需要的朋友可以参考下
    2014-05-05
  • js获取视频时长代码

    js获取视频时长代码

    下面的这段js获取视频时长代码是网上找的,还没有测试,需要的朋友可以参考下
    2014-04-04
  • JavaScript实用代码小技巧

    JavaScript实用代码小技巧

    在这篇文章中给大家分享了关于JavaScript实用代码小技巧的相关内容,有兴趣的朋友们可以参考学习下。
    2018-08-08
  • JavaScript高级程序设计 客户端存储学习笔记

    JavaScript高级程序设计 客户端存储学习笔记

    JavaScript高级程序设计 客户端存储学习笔记,在客户端用于存储会话信息
    2011-09-09
  • JS与SQL方式随机生成高强度密码示例

    JS与SQL方式随机生成高强度密码示例

    这篇文章主要介绍了JS与SQL方式随机生成高强度密码,结合实例形式分析了javascript方式与SQL方式生成高强度密码的相关操作技巧,需要的朋友可以参考下
    2018-12-12
  • JS异步错误捕获的一些事小结

    JS异步错误捕获的一些事小结

    这篇文章主要给大家介绍了关于JS异步错误捕获的一些事,文中通过示例代码介绍的非常详细,对大家学习或者使用Javascript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-04-04
  • Extjs显示从数据库取出时间转换JSON后的出现问题

    Extjs显示从数据库取出时间转换JSON后的出现问题

    后台从数据库取出时间,JSON格式化后再传到gridpanel,这时时间变成了:/Date(32331121223)/这样的格式,本文将详细介绍解决Extjs显示从数据库取出时间转换JSON后的出现问题
    2012-11-11
  • 揭秘JavaScript Reduce的用法

    揭秘JavaScript Reduce的用法

    作为高级前端切图仔,我们经常遇到需要处理、聚合或转换数据的场景,JavaScript 的reduce()方法是一个强大的工具,它允许我们有效地迭代数组并累积单个值,从而简化了这些任务,本文将给大家揭秘JavaScript Reduce方法,需要的朋友可以参考下
    2023-09-09

最新评论