表单切换，用回车键替换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>
相关文章
这篇文章主要介绍了JS实现鼠标点击展开或隐藏表格行的方法,实例分析了javascript操作table表格与css样式的技巧,需要的朋友可以参考下2015-03-03
本篇文章主要介绍了webpack的配置文件entry与output，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
js换肤功能的实现原理非常简单，就是使用js切换对应的css样式表文件，本文重点给大家介绍JavaScript实现换肤功能，感兴趣的朋友参考下吧2017-09-09
ComboBox（下拉列表框）通过url加载调用远程数据的方法
这篇文章主要介绍了ComboBox（下拉列表框）通过url加载调用远程数据的方法 ,需要的朋友可以参考下2017-08-08
Java @Schema和@ApiModel等注解的联系浅析
这篇文章主要给大家介绍了关于Java @Schema和@ApiModel等注解的联系的相关资料,我在看公司之前的文档,发现了@schema注解,不太了解,所以查询了一些资料,把我的见解记录下,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了JavaScript与HTML的结合方法，利用实例向大家介绍JavaScript与HTML是如何结合的，内容很详细，感兴趣的小伙伴们可以参考一下2015-11-11![JS中的==运算： [''''] == false —>true](//img.jbzj.com/images/xgimg/bcimg6.png)
JS中的==运算： [''''] == false —>true
这篇文章主要介绍了JS中的==运算： [''] == false —>true的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
本文详细介绍了通过jquery尺寸相关函数实现文字自动横移的方法。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
《javascript设计模式》学习笔记二：Javascript面向对象程序设计继承用法分析
这篇文章主要介绍了Javascript面向对象程序设计继承用法,结合实例形式分析了《javascript设计模式》中JavaScript面向对象程序设计继承相关概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04
uniapp微信小程序底部动态tabBar的解决方案(自定义tabBar导航)
tabBar如果应用是一个多tab应用,可以通过tabBar配置项指定tab栏的表现,以及tab切换时显示的对应页,下面这篇文章主要给大家介绍了关于uniapp微信小程序底部动态tabBar的解决方案,需要的朋友可以参考下2022-04-04
![JS中的==运算： [''''] == false —>true](http://img.jbzj.com/images/xgimg/bcimg6.png)
最新评论