表单切换,用回车键替换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 相关文章推荐
Google韩国首页图标动画效果
Aug 26 Javascript
javascript 操作cookies及正确使用cookies的属性
Oct 15 Javascript
JavaScript学习笔记(十七)js 优化
Feb 04 Javascript
javascript 事件查询综合 推荐收藏
Mar 10 Javascript
jQuery图片轮播的具体实现
Sep 11 Javascript
Js nodeType 属性全面解析
Nov 14 Javascript
jQuery中.live()方法的用法深入解析
Dec 30 Javascript
使用postMesssage()实现跨域iframe页面间的信息传递方法
Mar 29 Javascript
Java  Spring 事务回滚详解
Oct 17 Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 Javascript
js中删除数组中的某一元素实例(无下标时)
Feb 28 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
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
东芝TOSHIBA RP-F11电路分析
2021/03/02 无线电
ThinkPHP自动填充实现无限级分类的方法
2014/08/22 PHP
PHP session会话操作技巧小结
2016/09/27 PHP
php面向对象程序设计入门教程
2019/06/22 PHP
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
2010/03/11 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
2013/02/06 Javascript
6款新颖的jQuery和CSS3进度条插件推荐
2013/03/05 Javascript
js使用eval解析json(js中使用json)
2014/01/17 Javascript
遍历DOM对象内的元素属性示例代码
2014/02/08 Javascript
jquery 中ajax执行的优先级
2015/06/22 Javascript
JavaScript 浏览器兼容性总结及常用浏览器兼容性分析
2016/03/30 Javascript
jQuery操作iframe中js函数的方法小结
2016/07/06 Javascript
jQuery实现的兼容性浮动层示例
2016/08/02 Javascript
js实现鼠标拖动功能
2017/03/20 Javascript
JQuery Ajax 异步操作之动态添加节点功能
2017/05/24 jQuery
vue interceptor 使用教程实例详解
2018/09/13 Javascript
JS/jQuery实现简单的开关灯效果【案例】
2019/02/19 jQuery
vue 实现搜索的结果页面支持全选与取消全选功能
2019/05/10 Javascript
微信小程序实现打卡签到页面
2020/09/21 Javascript
Python实现的石头剪子布代码分享
2014/08/22 Python
Python中的多重装饰器
2015/04/11 Python
在Python的Django框架中显示对象子集的方法
2015/07/21 Python
Windows下Eclipse+PyDev配置Python+PyQt4开发环境
2016/05/17 Python
python模块之re正则表达式详解
2017/02/03 Python
python将时分秒转换成秒的实例
2019/12/07 Python
python实现俄罗斯方块小游戏
2020/04/24 Python
CSS3属性 line-clamp控制文本行数的使用
2020/03/19 HTML / CSS
html5.2 dialog简介详解
2018/02/27 HTML / CSS
沃尔玛旗下墨西哥超市:Bodega Aurrera
2020/11/13 全球购物
大学生应聘自荐信
2013/10/11 职场文书
挖掘机司机岗位职责
2014/02/12 职场文书
大学生社会实践评语
2014/04/25 职场文书
学校师德师风整改方案
2014/10/28 职场文书
2015年酒店客房部工作总结
2015/04/25 职场文书
2015年管理人员工作总结
2015/05/13 职场文书
MySQL Threads_running飙升与慢查询的相关问题解决
2021/05/08 MySQL