按下Enter焦点移至下一个控件的实现js代码


Posted in Javascript onDecember 11, 2013
<html> 
<head> 
<title>Enter2Tab</title> 
<script type="text/javascript"> 
window.onload=function(){ 
var list = new Array(); 
for(var i=5;i<document.all.length;i++) 
{ 
if(document.all[i].type=="text"||document.all[i].tagName=="SELECT") 
list.push(i); 
} for(var i=0;i<list.length-1;i++) 
{ 
document.all[list[i]].setAttribute("nextFocusIndex",list[i+1]); 
document.all[list[i]].onkeydown=JumpToNext; 
} 
for(var i=list.length-1;i<document.all.length;i++) 
{ 
if(document.all[i].type=="button") 
{ 
document.all[list[list.length-1]].setAttribute("nextFocusIndex",i); 
document.all[list[list.length-1]].onkeydown=JumpToNext; 
break; 
} 
} 
document.all[list[0]].focus(); 
} 
function JumpToNext(){ 
if(event.keyCode==13) 
{ 
var nextFocusIndex=this.getAttribute("nextFocusIndex"); 
document.all[nextFocusIndex].focus(); 
} 
} 
</script> 
</head> 
<body> 
<input id="A" name="A" type="text" /> 
<input id="B" name="B" type="text" /> 
<input id="C" name="C" type="text" /> 
<input id="D" name="D" type="text" /> 
<input id="E" name="E" type="text" /> 
<select id="S1" name="S1"> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<option>4</option> 
<option>5</option> 
</select> 
<select id="S2" name="S2"> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<option>4</option>
Javascript 相关文章推荐
父窗口获取弹出子窗口文本框的值
Jun 27 Javascript
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
Mar 31 Javascript
Jquery公告滚动+AJAX后台得到数据
Apr 14 Javascript
ScrollDown的基本操作示例
Jun 09 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
Aug 08 Javascript
JS随机漂浮广告代码具体实例
Nov 19 Javascript
javascript操纵OGNL标签示例代码
Jun 16 Javascript
js中使用replace方法完成某个字符的转换
Aug 20 Javascript
Jquery对象和Dom对象的区别分析
Nov 20 Javascript
js实现弹窗暗层效果
Jan 16 Javascript
微信小程序canvas实现刮刮乐效果
Jul 09 Javascript
vue-router定义元信息meta操作
Dec 07 Vue.js
JS中window.open全屏命令解析及使用示例
Dec 11 #Javascript
js的匿名函数使用介绍
Dec 11 #Javascript
jquery ajax jsonp跨域调用实例代码
Dec 11 #Javascript
JavaScript Math.ceil() 函数使用介绍
Dec 11 #Javascript
Javascript实现返回上一页面并刷新的小例子
Dec 11 #Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
Dec 11 #Javascript
判断javascript的数据类型(示例代码)
Dec 11 #Javascript
You might like
php获取远程图片体积大小的实例
2013/11/12 PHP
thinkPHP实现递归循环栏目并按照树形结构无限极输出的方法
2016/05/19 PHP
PHP类相关知识点实例总结
2016/09/28 PHP
Laravel框架实现的使用smtp发送邮件功能示例
2019/03/12 PHP
Javascript 键盘事件的组合使用实现代码
2012/05/04 Javascript
JS获取url链接字符串 location.href
2013/12/23 Javascript
jQuery 追加元素的方法如append、prepend、before
2014/01/16 Javascript
分享一则javascript 调试技巧
2015/01/02 Javascript
JavaScript 事件绑定及深入
2015/04/13 Javascript
DeviceOne 让你一见钟情的App快速开发平台
2016/02/17 Javascript
浅谈JS原生Ajax,GET和POST
2016/06/08 Javascript
NODE.JS跨域问题的完美解决方案
2016/10/20 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
Vue递归实现树形菜单方法实例
2018/11/06 Javascript
vue 实现小程序或商品秒杀倒计时
2019/04/14 Javascript
python通过装饰器检查函数参数数据类型的方法
2015/03/13 Python
python中list列表的高级函数
2016/05/17 Python
Python实现的矩阵转置与矩阵相乘运算示例
2019/03/26 Python
Python实现猜年龄游戏代码实例
2020/03/25 Python
Django基于客户端下载文件实现方法
2020/04/21 Python
Django CBV模型源码运行流程详解
2020/08/17 Python
CSS3制作炫酷的自定义发光文字
2016/03/28 HTML / CSS
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
全球知名鞋履品牌授权零售商:Journeys
2016/09/17 全球购物
美国现代家具网站:Design Within Reach
2018/07/19 全球购物
365 Tickets英国:全球景点门票
2019/07/06 全球购物
PHP如何防止SQL注入
2014/05/03 面试题
利用promise及参数解构封装ajax请求的方法
2021/03/24 Javascript
总经理司机职责
2014/02/02 职场文书
领导干部查摆“四风”问题自我剖析材料思想汇报
2014/10/05 职场文书
党建工作整改措施
2014/10/28 职场文书
青年文明号申报材料
2014/12/23 职场文书
启迪人心的励志语录:脾气永远不要大于本事
2020/01/02 职场文书
SQL Server数据定义——模式与基本表操作
2021/04/05 SQL Server
利用javaScript处理常用事件详解
2021/04/14 Javascript
Mysql 设置boolean类型的操作
2021/06/04 MySQL