表单切换,用回车键替换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 YUI 读码日记之 YAHOO.util.Dom - Part.3
Mar 22 Javascript
网站页面自动跳转实现方法PHP、JSP(下)
Aug 01 Javascript
js 字符串转换成数字的三种方法
Mar 23 Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
Jan 31 Javascript
JQuery实现动态适时改变字体颜色的方法
Mar 10 Javascript
Node.js编程中客户端Session的使用详解
Jun 23 Javascript
JS中append字符串包含onclick无效传递参数失败的解决方案
Dec 26 Javascript
express中static中间件的具体使用方法
Oct 17 Javascript
node.js使用yargs处理命令行参数操作示例
Feb 11 Javascript
ES6函数实现排它两种写法解析
May 13 Javascript
我所理解的JavaScript中的this指向
Sep 04 Javascript
vscode中使用npm安装babel的方法
Aug 02 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
php实现的数字验证码及数字运算验证码
2015/07/30 PHP
微信公众平台开发(五) 天气预报功能开发
2016/12/03 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
2017/02/28 PHP
理解Javascript_03_javascript全局观
2010/10/11 Javascript
JavaScript中几种常见排序算法小结
2011/02/22 Javascript
javascript的字符串按引用复制和传递,按值来比较介绍与应用
2012/12/28 Javascript
使用jQuery避免鼠标双击的解决方案
2013/08/21 Javascript
jQuery代码实现对话框右上角菜单带关闭×
2016/05/03 Javascript
正则验证小数点后面只能有两位数的方法
2017/02/28 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
2017/03/02 Javascript
详解vue-router 2.0 常用基础知识点之router-link
2017/05/10 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
2017/09/22 Javascript
vue实现树形菜单效果
2018/03/19 Javascript
Vue动画事件详解及过渡动画实例
2019/02/09 Javascript
如何在JavaScript中优雅的提取循环内数据详解
2019/03/04 Javascript
js实现提交前对列表数据的增删改查
2020/01/16 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
2020/03/05 Javascript
解决vue 给window添加和移除resize事件遇到的坑
2020/07/21 Javascript
[44:10]2018DOTA2亚洲邀请赛 4.5 淘汰赛 EG vs VP 第一场
2018/04/06 DOTA
[01:48:04]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第一场 2月7日
2021/03/11 DOTA
PyQt4实现下拉菜单可供选择并打印出来
2018/04/20 Python
Python从列表推导到zip()函数的5种技巧总结
2019/10/23 Python
Django实现将一个字典传到前端显示出来
2020/04/03 Python
pycharm软件实现设置自动保存操作
2020/06/08 Python
英国高级健康和美容产品零售商:Life and Looks
2019/08/01 全球购物
事业单位个人应聘自荐信
2013/09/21 职场文书
护士专业推荐信
2013/11/02 职场文书
销售演讲稿范文
2014/01/08 职场文书
县级文明单位申报材料
2014/05/23 职场文书
2014年优秀党员材料
2014/12/18 职场文书
土地租赁协议书
2015/01/29 职场文书
北京故宫的导游词
2015/01/31 职场文书
英语教师个人工作总结
2015/02/09 职场文书
2016七一建党节慰问信
2015/11/30 职场文书
python实现网络五子棋
2021/04/11 Python
Python中的 Set 与 dict
2022/03/13 Python