表单切换,用回车键替换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 相关文章推荐
js 动态选中下拉框
Nov 26 Javascript
分享20款好玩的jQuery游戏
Apr 17 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
Jun 28 Javascript
JS逆序遍历实现代码
Dec 02 Javascript
关于RequireJS的简单介绍即使用方法
Oct 20 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
Jul 13 Javascript
Three.js加载外部模型的教程详解
Nov 10 Javascript
jquery.picsign图片标注组件实例详解
Feb 02 jQuery
Element-ui之ElScrollBar组件滚动条的使用方法
Sep 14 Javascript
JS/HTML5游戏常用算法之碰撞检测 像素检测算法实例详解
Dec 12 Javascript
vue data恢复初始化数据的实现方法
Oct 31 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
Jul 29 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版(4)
2006/10/09 PHP
php中判断文件存在是用file_exists还是is_file的整理
2012/09/12 PHP
[原创]php实现子字符串位置相互对调互换的方法
2016/06/02 PHP
YII框架中搜索分页jQuery写法详解
2016/12/19 PHP
DOM Scripting中的图片切换[兼容Firefox]
2010/06/12 Javascript
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
2011/02/26 Javascript
js实现快速分享功能(你的文章分享工具)
2013/06/25 Javascript
一个不错的字符串转码解码函数(自写)
2014/07/31 Javascript
理解JavaScript中Promise的使用
2016/01/18 Javascript
javaScript中定义类或对象的五种方式总结
2016/12/04 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
vue 中directive功能的简单实现
2018/01/05 Javascript
NodeJS简单实现WebSocket功能示例
2018/02/10 NodeJs
Vue 实例事件简单示例
2019/09/19 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
2020/03/08 Javascript
在js文件中引入(调用)另一个js文件的三种方法
2020/09/11 Javascript
[04:26]2014DOTA2西雅图国际邀请赛 总决赛TOPPLAY
2014/07/22 DOTA
python学习数据结构实例代码
2015/05/11 Python
深入讲解Python函数中参数的使用及默认参数的陷阱
2016/03/13 Python
Django restframework 源码分析之认证详解
2019/02/22 Python
python中selenium操作下拉滚动条的几种方法汇总
2019/07/14 Python
python 自定义装饰器实例详解
2019/07/20 Python
Python3 翻转二叉树的实现
2019/09/30 Python
python3将变量写入SQL语句的实现方式
2020/03/02 Python
python 等差数列末项计算方式
2020/05/03 Python
详细分析Python垃圾回收机制
2020/07/01 Python
Python使用OpenPyXL处理Excel表格
2020/07/02 Python
python中doctest库实例用法
2020/12/31 Python
Pytorch如何切换 cpu和gpu的使用详解
2021/03/01 Python
通过css3的filter滤镜改变png图片的颜色的示例代码
2020/05/06 HTML / CSS
英国电信商店:BT Shop
2019/12/17 全球购物
2015年春节标语口号
2014/12/09 职场文书
技术支持岗位职责
2015/02/13 职场文书
学困生转化工作总结
2015/08/13 职场文书
2015年小学语文教师工作总结
2015/10/23 职场文书
python 详解turtle画爱心代码
2022/02/15 Python