表单切换,用回车键替换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 相关文章推荐
url 特殊字符 传递参数解决方法
Jan 01 Javascript
小试JQuery的AutoComplete插件
May 04 Javascript
GRID拖拽行的实例代码
Jul 18 Javascript
jquery $(&quot;#variable&quot;) 循环改变variable的值示例
Feb 23 Javascript
JS返回iframe中frameBorder属性值的方法
Apr 01 Javascript
JavaScript的==运算详解
Jul 20 Javascript
JS实现Ajax的方法分析
Dec 20 Javascript
Angularjs的键盘事件的绑定
Jul 27 Javascript
详解vue axios中文文档
Sep 12 Javascript
vue select组件的使用与禁用实现代码
Apr 10 Javascript
vue 中swiper的使用教程
May 22 Javascript
微信小程序顶部导航栏滑动tab效果
Jan 28 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 download.php实现代码 跳转到下载文件(response.redirect)
2009/08/26 PHP
php将session放入memcached的设置方法
2014/02/14 PHP
一个PHP的ZIP压缩类分享
2014/05/04 PHP
PHP使用get_headers函数判断远程文件是否存在的方法
2014/11/28 PHP
PHP实现搜索相似图片
2015/09/22 PHP
CodeIgniter记录错误日志的方法全面总结
2016/05/17 PHP
php封装的数据库函数与用法示例【参考thinkPHP】
2016/11/08 PHP
YII分模块加载路由的实现方法
2018/10/01 PHP
gearman中任务的优先级和返回状态实例分析
2020/02/27 PHP
用客户端js实现带省略号的分页
2013/04/27 Javascript
JavaScript中的异常捕捉介绍
2014/12/31 Javascript
jQuery中$.each使用详解
2015/01/29 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
2015/12/31 Javascript
javascript入门之window对象【新手必看】
2016/11/22 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
2017/03/22 jQuery
基于jQuery实现的单行公告活动轮播效果
2017/08/23 jQuery
bootstrap中selectpicker下拉框使用方法实例
2018/03/22 Javascript
Vuepress 搭建带评论功能的静态博客的实现
2019/02/17 Javascript
Echarts实现单条折线可拖拽效果
2019/12/19 Javascript
js实现适配移动端的拖动效果
2020/01/13 Javascript
Element Steps步骤条的使用方法
2020/07/26 Javascript
vue监听键盘事件的相关总结
2021/01/29 Vue.js
[01:24:09]Ti4 冒泡赛第二轮DK vs C9 1
2014/07/14 DOTA
[04:10]2018年度CS GO玩家最喜爱的主播-完美盛典
2018/12/16 DOTA
python使用多线程不断刷新网页的方法
2015/03/31 Python
Python 3.8正式发布,来尝鲜这些新特性吧
2019/10/15 Python
Pytorch转keras的有效方法,以FlowNet为例讲解
2020/05/26 Python
django filter过滤器实现显示某个类型指定字段不同值方式
2020/07/16 Python
STAY JAPAN台湾:预订日本民宿
2018/07/22 全球购物
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
党的群众路线调研报告
2014/11/03 职场文书
健康状况证明书
2014/11/26 职场文书
三八红旗手事迹材料
2014/12/26 职场文书
2015年试用期工作总结范文
2015/05/28 职场文书
寻找最美乡村教师观后感
2015/06/18 职场文书
如何将JavaScript将数组转为树形结构
2021/06/02 Javascript