按下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 相关文章推荐
JavaScript 放大镜 放大倍率和视窗尺寸
May 09 Javascript
简单的js表单验证函数
Oct 28 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
Apr 03 Javascript
jquery列表拖动排列(由项目提取相当好用)
Jun 17 Javascript
JS获取图片lowsrc属性的方法
Apr 01 Javascript
详解Jquery实现ready和bind事件
Apr 14 Javascript
js中数组的常用方法小结
Dec 30 Javascript
基于jQuery实现照片墙自动播放特效
Jan 12 Javascript
走进AngularJs之过滤器(filter)详解
Feb 17 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
May 08 Javascript
配置node服务器并且链接微信公众号接口配置步骤详解
Jun 21 Javascript
layui table 获取分页 limit的方法
Sep 20 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
Yii框架调试心得--在页面输出执行sql语句
2014/12/25 PHP
php使用substr()和strpos()联合查找字符串中某一特定字符的方法
2015/05/12 PHP
WordPress特定文章对搜索引擎隐藏或只允许搜索引擎查看
2015/12/31 PHP
PHP在线调试执行的实现方法(附demo源码)
2016/04/28 PHP
PHP PDO操作MySQL基础教程
2017/06/05 PHP
JS 强制设为首页的代码
2009/01/31 Javascript
通过判断JavaScript的版本实现执行不同的代码
2010/05/11 Javascript
js禁止页面刷新与后退的方法
2015/06/08 Javascript
Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready
2015/11/24 Javascript
JQuery日历插件My97DatePicker日期范围限制
2016/01/20 Javascript
VUEJS实战之构建基础并渲染出列表(1)
2016/06/13 Javascript
React简单介绍
2017/05/24 Javascript
js 中rewrap-ajax.js插件实例代码
2017/10/20 Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
2018/03/06 Javascript
详解适配器在JavaScript中的体现
2018/09/28 Javascript
基于elementUI实现图片预览组件的示例代码
2019/03/31 Javascript
vuex + keep-alive实现tab标签页面缓存功能
2019/10/17 Javascript
五句话帮你轻松搞定js原型链
2020/12/09 Javascript
[02:55]含熏伴清风,风行者至宝、屠夫身心及典藏宝瓶二展示
2020/09/08 DOTA
python实现SMTP邮件发送功能
2020/06/16 Python
Python检测生僻字的实现方法
2016/10/23 Python
python基础while循环及if判断的实例讲解
2017/08/25 Python
Python+selenium实现自动循环扔QQ邮箱漂流瓶
2018/05/29 Python
python中从str中提取元素到list以及将list转换为str的方法
2018/06/26 Python
python实现操作文件(文件夹)
2019/10/31 Python
Anaconda+Pycharm环境下的PyTorch配置方法
2020/03/13 Python
解决Jupyter NoteBook输出的图表太小看不清问题
2020/04/16 Python
详解Canvas 跨域脱坑实践
2018/11/07 HTML / CSS
马来西亚在线时尚女装商店:KEI MAG
2017/09/28 全球购物
世界上最好的旅行夹克:BauBax
2018/12/23 全球购物
咖啡馆创业计划书
2014/01/26 职场文书
党的群众路线教育实践活动实施方案
2014/10/31 职场文书
安全伴我行主题班会
2015/08/13 职场文书
导游经典开场白——导游词
2019/04/17 职场文书
Python字符串对齐方法使用(ljust()、rjust()和center())
2021/04/26 Python
SpringBoot+Vue+JWT的前后端分离登录认证详细步骤
2021/09/25 Java/Android