表单切换,用回车键替换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 相关文章推荐
基于jquery的inputlimiter 实现字数限制功能
May 30 Javascript
关于jQuery判断元素是否存在的问题示例探讨
Jul 21 Javascript
Jquery修改页面标题title其它JS失效的解决方法
Oct 31 Javascript
AngularJS实现按钮提示与点击变色效果
Sep 07 Javascript
使用JS实现图片展示瀑布流效果的实例代码
Sep 12 Javascript
JS原型与原型链的深入理解
Feb 15 Javascript
详解JS中的attribute属性
Apr 25 Javascript
ionic选择多张图片上传的示例代码
Oct 10 Javascript
关于axios不能使用Vue.use()浅析
Jan 12 Javascript
React组件重构之嵌套+继承及高阶组件详解
Jul 19 Javascript
vue keep-alive 动态删除组件缓存的例子
Nov 04 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
Jul 14 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扩展vld查看PHP opcode操作步骤
2013/03/04 PHP
PHP多线程类及用法实例
2014/12/03 PHP
PHP页面输出时js设置input框的选中值
2016/09/30 PHP
PHP回调函数与匿名函数实例详解
2017/08/16 PHP
实例:尽可能写友好的Javascript代码
2006/10/09 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
2013/05/19 Javascript
解析js原生方法创建表格效率测试
2013/07/08 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
2013/11/15 Javascript
关闭页面window.location事件未执行的原因及解决方法
2014/09/01 Javascript
javascript关于继承的用法汇总
2014/12/20 Javascript
js实现一个链接打开两个链接地址的方法
2015/05/12 Javascript
解决WordPress使用CDN后博文无法评论的错误
2015/12/15 Javascript
JavaScript数组的定义及数字操作技巧
2016/06/06 Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
2016/06/12 Javascript
Javascript类型系统之undefined和null浅析
2016/07/13 Javascript
利用jquery实现下拉框的禁用与启用
2016/12/07 Javascript
vue实现登录后页面跳转到之前页面
2018/01/07 Javascript
微信小程序收藏功能的实现代码
2018/06/12 Javascript
Vue CLI3 如何支持less的方法示例
2018/08/29 Javascript
Vue+Java+Base64实现条码解析的示例
2020/09/23 Javascript
[56:29]Secret vs Optic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python二分查找详解
2015/09/13 Python
python3中的md5加密实例
2018/05/29 Python
Python基于最小二乘法实现曲线拟合示例
2018/06/14 Python
Python使用pickle模块实现序列化功能示例
2018/07/13 Python
python3.4 将16进制转成字符串的实例
2019/06/12 Python
如何用OpenCV -python3实现视频物体追踪
2019/12/04 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
纯CSS3实现带动画效果导航菜单无需js
2013/09/27 HTML / CSS
JPA面试常见问题
2016/11/14 面试题
大学生活学习的自我评价
2013/12/03 职场文书
优秀企业获奖感言
2014/02/01 职场文书
员工合理化建议书
2014/05/19 职场文书
校长师德表现自我评价
2015/03/04 职场文书
厉行节约工作总结
2015/08/12 职场文书
类和原型的设计模式之复制与委托差异
2022/07/07 Javascript