表单切换,用回车键替换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 相关文章推荐
替代window.event.srcElement效果的可兼容性的函数
Dec 18 Javascript
SWFObject 2.1以上版本语法介绍
Jul 10 Javascript
javascript设计模式 封装和信息隐藏(上)
Jul 24 Javascript
jquery比较简洁的软键盘特效实现方法
Mar 19 Javascript
Perl Substr()函数及函数的应用
Dec 16 Javascript
理解Javascript图片预加载
Feb 23 Javascript
loading动画特效小结
Jan 22 Javascript
JavaScript中匿名函数的递归调用
Jan 22 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
Dec 29 Javascript
vue axios请求拦截实例代码
Mar 29 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
Oct 28 Javascript
在HTML中使用JavaScript的两种方法
Dec 24 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-fpm配置详解
2014/02/12 PHP
php表单习惯用的正则表达式
2017/10/11 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
建议大家看下JavaScript重要知识更新
2007/07/08 Javascript
js限制checkbox选中个数以限制六个为例
2014/07/15 Javascript
js遍历子节点子元素附属性及方法
2014/08/19 Javascript
easyui Draggable组件实现拖动效果
2015/08/19 Javascript
原生JavaScript实现滚动条效果
2020/03/24 Javascript
利用Angularjs和bootstrap实现购物车功能
2016/08/31 Javascript
微信开发 消息推送实现代码
2016/10/21 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
2016/12/27 Javascript
jQuery模拟窗口抖动效果
2017/03/15 Javascript
vue.js路由跳转详解
2017/08/28 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
Vue用v-for给循环标签自身属性添加属性值的方法
2018/10/18 Javascript
基于vue的验证码组件的示例代码
2019/01/22 Javascript
浅谈vue项目,访问路径#号的问题
2020/08/14 Javascript
python正则匹配抓取豆瓣电影链接和评论代码分享
2013/12/27 Python
Python获取服务器信息的最简单实现方法
2015/03/05 Python
python实现对一个完整url进行分割的方法
2015/04/29 Python
python3 图片referer防盗链的实现方法
2018/03/12 Python
python中join()方法介绍
2018/10/11 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
Python模拟登录之滑块验证码的破解(实例代码)
2019/11/18 Python
Python栈的实现方法示例【列表、单链表】
2020/02/22 Python
HTML5标签大全
2016/11/23 HTML / CSS
俄罗斯隐形眼镜和眼镜在线商店:Cronos
2020/06/02 全球购物
大学生文员专业个人求职信范文
2014/01/05 职场文书
小学家长评语大全
2014/04/16 职场文书
生物技术专业求职信
2014/06/10 职场文书
2015年大学班级工作总结
2015/04/28 职场文书
义卖募捐活动总结
2015/05/09 职场文书
详解Python自动化之文件自动化处理
2021/06/21 Python
Python实现生活常识解答机器人
2021/06/28 Python
如何给HttpServletRequest增加消息头
2021/06/30 Java/Android