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


Posted in Javascript onJuly 20, 2011
<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 相关文章推荐
JS俄罗斯方块,包含完整的设计理念
Dec 11 Javascript
javascript简单事件处理和with用法介绍
Sep 16 Javascript
extjs4 treepanel动态改变行高度示例
Dec 17 Javascript
你可能不知道的JavaScript的new Function()方法
Apr 17 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
Sep 01 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
Apr 15 Javascript
js html css实现复选框全选与反选
Oct 09 Javascript
js防刷新的倒计时代码 js倒计时代码
Sep 06 Javascript
vue打包后显示空白正确处理方法
Nov 01 Javascript
Vue-Access-Control 前端用户权限控制解决方案
Dec 01 Javascript
vue踩坑记录之数组定义和赋值问题
Mar 20 Javascript
详解JavaScript中的Object.is()与&quot;===&quot;运算符总结
Jun 17 Javascript
在浏览器中获取当前执行的脚本文件名的代码
Jul 19 #Javascript
iframe 异步加载技术及性能分析
Jul 19 #Javascript
15款优秀的jQuery导航菜单插件分享
Jul 19 #Javascript
jQuery .tmpl(), .template()学习资料小结
Jul 18 #Javascript
JS仿flash上传头像效果实现代码
Jul 18 #Javascript
js中的string.format函数代码
Aug 11 #Javascript
关于html+ashx开发中几个问题的解决方法
Jul 18 #Javascript
You might like
DC《小丑》11项提名领跑奥斯卡 Netflix成第92届奥斯卡提名最大赢家
2020/04/09 欧美动漫
PHP获得用户使用的代理服务器ip即真实ip
2006/12/31 PHP
php 定界符格式引起的错误
2011/05/24 PHP
PHP观察者模式实例分析【对比JS观察者模式】
2019/05/22 PHP
jQuery 1.9移除了$.browser可以使用$.support来替代
2014/09/03 Javascript
jQuery的ready方法详解
2014/11/27 Javascript
js给网页加上背景音乐及选择音效的方法
2015/03/03 Javascript
jQuery增加自定义函数的方法
2015/07/18 Javascript
延时加载JavaScript代码提高速度
2015/12/27 Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
2016/06/01 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
2017/03/09 Javascript
简单实现jQuery轮播效果
2017/08/18 jQuery
JS逻辑运算符短路操作实例分析
2018/07/09 Javascript
Nodejs监控事件循环异常示例详解
2019/09/22 NodeJs
vue使用高德地图点击下钻上浮效果的实现思路
2019/10/12 Javascript
编写Python脚本抓取网络小说来制作自己的阅读器
2015/08/20 Python
浅谈python for循环的巧妙运用(迭代、列表生成式)
2017/09/26 Python
django模板语法学习之include示例详解
2017/12/17 Python
使用Python脚本从文件读取数据代码实例
2020/01/19 Python
详解Python 实现 ZeroMQ 的三种基本工作模式
2020/03/24 Python
Python变量格式化输出实现原理解析
2020/08/06 Python
详解KMP算法以及python如何实现
2020/09/18 Python
Python基于Serializer实现字段验证及序列化
2020/11/04 Python
python 基于selenium实现鼠标拖拽功能
2020/12/24 Python
HTML5 WebGL 实现民航客机飞行监控系统
2019/07/25 HTML / CSS
HTML5超文本标记语言的实现方法
2020/09/24 HTML / CSS
Made in Design英国:设计家具、照明、家庭装饰和花园家具
2019/09/24 全球购物
会计自荐书
2013/12/02 职场文书
爱牙日活动总结
2014/08/29 职场文书
教师批评与自我批评范文
2014/10/15 职场文书
夫妻分居协议书范文
2014/11/26 职场文书
2015年酒店年度工作总结
2015/05/23 职场文书
经营场所使用证明
2015/06/19 职场文书
航班延误投诉信
2015/07/02 职场文书
阿里云服务器部署mongodb的详细过程
2021/09/04 MongoDB
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python