表单切换,用回车键替换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 相关文章推荐
Javascript 类型转换方法
Oct 24 Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
May 13 Javascript
js 获取站点应用名的简单实例
Aug 18 Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
Dec 27 Javascript
Angularjs单选框相关的示例代码
Aug 17 Javascript
提升页面加载速度的插件InstantClick
Sep 12 Javascript
mpvue写一个CPASS小程序的示例
Sep 04 Javascript
浅谈关于iview表单验证的问题
Sep 29 Javascript
JavaScript基于遍历操作实现对象深拷贝功能示例
Mar 05 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
Oct 08 Javascript
js 递归json树实现根据子id查父id的方法分析
Nov 08 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
jquery和javascript中如何将一元素的内容赋给另一元素
2014/01/09 Javascript
jquery实现平滑的二级下拉菜单效果
2015/08/26 Javascript
JavaScript知识点总结之如何提高性能
2016/01/15 Javascript
在Node.js中使用Javascript Generators详解
2016/05/05 Javascript
学习vue.js计算属性
2016/12/03 Javascript
node.js爬虫爬取拉勾网职位信息
2017/03/14 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
2017/04/10 Javascript
ztree实现左边动态生成树右边为内容详情功能
2017/11/03 Javascript
JS加密插件CryptoJS实现AES加密操作示例
2018/08/16 Javascript
浅谈js闭包理解
2019/03/28 Javascript
Node.js系列之连接DB的方法(3)
2019/08/30 Javascript
Javascript实现贪吃蛇小游戏(含详细注释)
2020/10/23 Javascript
[09:59]DOTA2-DPC中国联赛2月7日Recap集锦
2021/03/11 DOTA
测试、预发布后用python检测网页是否有日常链接
2014/06/03 Python
Python文件操作类操作实例详解
2014/07/11 Python
详解Python中映射类型的内建函数和工厂函数
2015/08/19 Python
python多进程共享变量
2016/04/06 Python
python逐行读写txt文件的实例讲解
2018/04/03 Python
Python使用matplotlib绘制随机漫步图
2018/08/27 Python
python基础知识(一)变量与简单数据类型详解
2019/04/17 Python
关于Python中定制类的比较运算实例
2019/12/19 Python
Python中过滤字符串列表的方法
2020/12/22 Python
python绕过图片滑动验证码实现爬取PTA所有题目功能 附源码
2021/01/06 Python
elf彩妆英国官网:e.l.f. Cosmetics英国(美国平价彩妆品牌)
2017/11/02 全球购物
澳大利亚人信任的清洁平台,您的私人管家:Jarvis
2020/12/25 全球购物
Java如何格式化日期
2012/08/07 面试题
入党自我鉴定范文
2013/10/04 职场文书
医院后勤自我鉴定
2013/10/13 职场文书
北大研究生linux应用求职信
2013/10/29 职场文书
化学教师教学反思
2014/01/17 职场文书
秋季运动会通讯稿
2014/01/24 职场文书
保密工作责任书
2014/04/16 职场文书
答谢会策划方案
2014/05/12 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书
2015婚礼主持词开场白
2015/05/28 职场文书
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript