表单切换,用回车键替换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 相关文章推荐
用倒置滤镜把div倒置,再把table倒置。
Jul 31 Javascript
jquery 简单导航实现代码
Sep 11 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
Dec 21 Javascript
javascript生成随机大小写字母的方法
Feb 20 Javascript
详解JavaScript对W3C DOM模版的支持情况
Jun 16 Javascript
JavaScript正则表达式匹配 div  style标签
Mar 15 Javascript
AngularJS 面试题集锦
Sep 06 Javascript
jQuery常见的选择器及用法介绍
Dec 20 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
使用puppeteer破解极验的滑动验证码
Feb 24 Javascript
layui问题之模拟table表格中的选中按钮选中事件的方法
Sep 20 Javascript
js+html实现点名系统功能
Nov 05 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
基于mysql的论坛(4)
2006/10/09 PHP
深入理解PHP几个算法:PHP冒泡、PHP二分法、PHP求素数、PHP乘法表
2013/06/06 PHP
php命令行用法入门实例教程
2014/10/27 PHP
php数组去除空值函数分享
2015/02/02 PHP
PHP访问Google Search API的方法
2015/03/05 PHP
php+jQuery+Ajax实现点赞效果的方法(附源码下载)
2020/07/21 PHP
PHP处理Ajax请求与Ajax跨域问题
2017/02/13 PHP
关于IFRAME 自适应高度的研究
2006/07/20 Javascript
JS遮罩层效果 兼容ie firefox jQuery遮罩层
2010/07/26 Javascript
nodejs实用示例 缩址还原
2010/12/28 NodeJs
javascript中String类的subString()方法和slice()方法
2011/05/24 Javascript
jQuery表单验证插件formValidator(改进版)
2012/02/03 Javascript
判断浏览器的内核及版本号方法汇总
2015/01/05 Javascript
jquery验证邮箱格式是否正确实例讲解
2015/11/16 Javascript
javascript自动切换焦点控制效果完整实例
2016/02/02 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
2016/05/17 Javascript
原生js封装的一些jquery方法(详解)
2016/09/20 Javascript
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
2018/03/28 jQuery
使用FileReader API创建Vue文件阅读器组件
2018/04/03 Javascript
JS script脚本中async和defer区别详解
2020/06/24 Javascript
[48:38]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs Secret
2018/03/31 DOTA
[10:42]Team Liquid Vs Newbee
2018/06/07 DOTA
Python的Django应用程序解决AJAX跨域访问问题的方法
2016/05/31 Python
使用Python向DataFrame中指定位置添加一列或多列的方法
2019/01/29 Python
Python基于BeautifulSoup和requests实现的爬虫功能示例
2019/08/02 Python
使用Python实现图像标记点的坐标输出功能
2019/08/14 Python
python encrypt 实现AES加密的实例详解
2020/02/20 Python
如何在 Matplotlib 中更改绘图背景的实现
2020/11/26 Python
CSS3中的Transition过度与Animation动画属性使用要点
2016/05/20 HTML / CSS
ONLY德国官方在线商店:购买时尚女装
2017/09/21 全球购物
下述程序的作用是计算机数组中的最大元素值及其下标
2012/11/26 面试题
《厄运打不垮的信念》教学反思
2014/04/13 职场文书
捐款活动总结
2014/08/27 职场文书
2016年教师政治思想表现评语
2015/12/02 职场文书
给numpy.array增加维度的超简单方法
2021/06/02 Python
利用 JavaScript 构建命令行应用
2021/11/17 Javascript