表单切换,用回车键替换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 相关文章推荐
关于document.cookie的使用javascript
Oct 29 Javascript
jquery实现点击文字可编辑并修改保存至数据库
Apr 15 Javascript
jquery获取radio值实例
Oct 16 Javascript
JavaScript实现查找字符串中第一个不重复的字符
Dec 29 Javascript
jquery制作LED 时钟特效
Feb 01 Javascript
如何防止JavaScript自动插入分号
Nov 05 Javascript
js性能优化技巧
Nov 29 Javascript
Bootstrap输入框组件使用详解
Jun 09 Javascript
详解angularjs获取元素以及angular.element()用法
Jul 25 Javascript
AngularJS 的$timeout服务示例代码
Sep 21 Javascript
微信小程序发送短信验证码完整实例
Jan 07 Javascript
js针对图片加载失败的处理方法分析
Aug 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
在PHP3中实现SESSION的功能(一)
2006/10/09 PHP
PHP实现简单ajax Loading加载功能示例
2016/12/28 PHP
PHP实现的简单在线计算器功能示例
2017/08/02 PHP
Kindeditor编辑器添加图片上传水印功能(php代码)
2017/08/03 PHP
javascript基础第一章 JavaScript与用户端
2010/07/22 Javascript
jQuery拖动图片删除示例
2013/05/10 Javascript
JavaScript访问CSS属性的几种方式介绍
2014/07/21 Javascript
Node.js开源应用框架HapiJS介绍
2015/01/14 Javascript
jquery实现对联广告的方法
2015/02/05 Javascript
AngularJS中实现显示或隐藏动画效果的方式总结
2015/12/31 Javascript
ionic 上拉菜单(ActionSheet)实例代码
2016/06/06 Javascript
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
2016/07/01 Javascript
基于BootStrap实现局部刷新分页实例代码
2016/08/08 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
2016/08/11 Javascript
jquery动态创建div与input的实例代码
2016/10/12 Javascript
微信小程序 获取相册照片实例详解
2016/11/16 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(一)
2017/05/11 Javascript
如何在项目中使用log4.js的方法步骤
2019/07/16 Javascript
浅谈JavaScript中this的指向问题
2020/07/28 Javascript
Python 获得命令行参数的方法(推荐)
2018/01/24 Python
tensorflow 加载部分变量的实例讲解
2018/07/27 Python
使用WingPro 7 设置Python路径的方法
2019/07/24 Python
Python3 无重复字符的最长子串的实现
2019/10/08 Python
解决python 虚拟环境删除包无法加载的问题
2020/07/13 Python
HTML5在a标签内放置块级元素示例代码
2013/08/23 HTML / CSS
荷兰演唱会和体育比赛订票网站:viagogo荷兰
2018/04/08 全球购物
标准导师推荐信(医学类)
2013/10/28 职场文书
高级编程求职信模板
2014/02/16 职场文书
销售队伍口号
2014/06/11 职场文书
商务经理岗位职责
2014/08/03 职场文书
2014年学校工会工作总结
2014/12/06 职场文书
股权转让协议书
2014/12/07 职场文书
时尚女魔头观后感
2015/06/04 职场文书
2015小学师德工作总结
2015/07/21 职场文书
导游词之新疆尼雅遗址
2019/10/16 职场文书
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏