按下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 相关文章推荐
JS类定义原型方法的两种实现的区别评论很多
Sep 12 Javascript
JavaScript操作Cookie方法实例分析
May 27 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
Aug 10 Javascript
Bootstrap所支持的表单控件实例详解
May 16 Javascript
js 输入框 正则表达式(菜鸟必看教程)
Feb 19 Javascript
微信小程序 扎金花简单实例
Feb 21 Javascript
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
vue forEach循环数组拿到自己想要的数据方法
Sep 21 Javascript
微信小程序实现左滑动删除效果
Mar 30 Javascript
vue中 数字相加为字串转化为数值的例子
Nov 07 Javascript
JavaScript如何使用插值实现图像渐变
Jun 28 Javascript
微信小程序实现倒计时功能
Nov 19 Javascript
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
ajax缓存问题解决途径
2006/12/06 PHP
php设计模式 Singleton(单例模式)
2011/06/26 PHP
PHP按指定键值对二维数组进行排序的方法
2015/12/22 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
php获取目录下所有文件及目录(多种方法)(推荐)
2019/05/14 PHP
php web环境和命令行环境下查找php.ini的位置
2019/07/17 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
js 发个判断字符串是否为符合标准的函数
2009/04/27 Javascript
jquery下操作HTML控件的实现代码
2010/01/12 Javascript
JQuery 选择器 xpath 语法应用
2010/05/13 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
jQuery通过点击行来删除HTML表格行的实现示例
2014/09/10 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
javascript中Function类型详解
2015/04/28 Javascript
jQuery实现图片预加载效果
2015/11/27 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
2016/09/28 Javascript
AngularJS创建自定义指令的方法详解
2016/11/03 Javascript
JS实现数组去重复值的方法示例
2017/02/18 Javascript
微信小程序 setData使用方法及常用错误解决办法
2017/05/11 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
2018/08/27 Javascript
Vue对象赋值视图不更新问题及解决方法
2019/06/03 Javascript
微信小程序实现点击图片放大预览
2019/10/21 Javascript
python缩进区别分析
2014/02/15 Python
玩转python爬虫之cookie使用方法
2016/02/17 Python
对python中assert、isinstance的用法详解
2019/11/27 Python
python中用ctypes模拟点击的实例讲解
2020/11/26 Python
马来西亚和新加坡巴士票在线预订:CatchThatBus
2018/11/17 全球购物
Agoda中文官网:安可达(低价预订全球酒店)
2021/01/18 全球购物
机械机修工岗位职责
2014/08/03 职场文书
验房委托书
2014/08/30 职场文书
2015年施工员工作总结范文
2015/04/20 职场文书
党员干部学习三严三实心得体会
2016/01/05 职场文书
家庭教育培训学习心得体会
2016/01/14 职场文书
退休劳动合同怎么写?
2019/10/25 职场文书
python 算法题——快乐数的多种解法
2021/05/27 Python
解决MySQL报“too many connections“错误
2022/04/19 MySQL