表单切换,用回车键替换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 相关文章推荐
IE6下focus与blur错乱的解决方案
Jul 31 Javascript
Javascript继承机制的设计思想分享
Aug 28 Javascript
jQuery实现径向动画菜单效果
Jul 17 Javascript
JS实现点击上移下移LI行数据的方法
Aug 05 Javascript
微信小程序 form组件详解
Oct 25 Javascript
js实现多张图片延迟加载效果
Jul 17 Javascript
IntersectionObserver实现图片懒加载的示例
Sep 29 Javascript
js运算符的一些特殊用法
Jul 29 Javascript
通过函数作用域和块级作用域看javascript的作用域链
Aug 05 Javascript
小程序两种滚动公告栏的实现方法
Sep 17 Javascript
vue页面切换项目实现转场动画的方法
Nov 12 Javascript
Element Popover 弹出框的使用示例
Jul 26 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
wordpress之wp-settings.php
2007/08/17 PHP
PHP Streams(流)详细介绍及使用
2015/05/12 PHP
CodeIgniter常用知识点小结
2016/05/26 PHP
浅谈PHP中的面向对象OOP中的魔术方法
2017/06/12 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
javascript一点特殊用法
2008/05/28 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
2013/10/24 Javascript
提取字符串中年月日的函数代码
2013/11/05 Javascript
jQuery中:hidden选择器用法实例
2014/12/30 Javascript
javascript闭包(Closure)用法实例简析
2015/11/30 Javascript
fullCalendar中文API官方文档
2017/02/07 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
2017/11/17 Javascript
mint-ui 时间插件使用及获取选择值的方法
2018/02/09 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
2018/10/29 Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
2019/09/27 Javascript
mpvue实现小程序签到金币掉落动画(api实现)
2019/10/17 Javascript
原生js实现的观察者和订阅者模式简单示例
2020/04/18 Javascript
[01:12:27]EG vs Secret 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
Python写的服务监控程序实例
2015/01/31 Python
Python中datetime常用时间处理方法
2015/06/15 Python
django.db.utils.ProgrammingError: (1146, u“Table‘’ doesn’t exist”)问题的解决
2018/07/13 Python
使用python实现快速搭建简易的FTP服务器
2018/09/12 Python
基于Python3.6+splinter实现自动抢火车票
2018/09/25 Python
python 检查文件mime类型的方法
2018/12/08 Python
淘宝秒杀python脚本 扫码登录版
2019/09/19 Python
python怎么提高计算速度
2020/06/11 Python
python3列表删除大量重复元素remove()方法的问题详解
2021/01/04 Python
html5实现移动端适配完美写法
2017/11/16 HTML / CSS
HTML5在手机端实现视频全屏展示方法
2020/11/23 HTML / CSS
Maxpeedingrods美国:高性能汽车零件
2020/02/14 全球购物
雅虎笔试题(字符串操作)
2015/03/24 面试题
汽车检测与维修应届毕业生求职信
2013/10/19 职场文书
高中生自我鉴定范文
2013/10/30 职场文书
2014年财务科工作总结
2014/11/11 职场文书
2014年敬老院工作总结
2014/12/08 职场文书
tensorboard 可视化之localhost:6006不显示的解决方案
2021/05/22 Python