按下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 分页全选或反选标识实现代码
Aug 09 Javascript
分享20多个很棒的jQuery 文件上传插件或教程
Sep 04 Javascript
html dom节点操作(获取/修改/添加或删除)
Jan 23 Javascript
jquery提交form表单简单示例分享
Mar 03 Javascript
JS删除字符串中重复字符方法
Mar 09 Javascript
教你JS中的运算符乘方、开方及变量格式转换
Aug 09 Javascript
bootstrap组件之按钮式下拉菜单小结
Jan 19 Javascript
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
Mint UI实现A-Z字母排序的城市选择列表
Dec 28 Javascript
小程序外卖订单界面的示例代码
Dec 30 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 Javascript
vue中data改变后让视图同步更新的方法
Mar 29 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
上海无线电三厂简史修改版
2021/03/01 无线电
PHP通过COM使用ADODB的简单例子
2006/12/31 PHP
PHP实现在线阅读PDF文件的方法
2015/06/23 PHP
PHP 等比例缩放图片详解及实例代码
2016/09/18 PHP
phpcms配置列表页以及获得文章发布时间
2017/07/04 PHP
PHP+MySQL实现模糊查询员工信息功能示例
2018/06/01 PHP
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
2007/02/05 Javascript
javaScript 页面自动加载事件详解
2014/02/10 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
2014/06/05 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
2014/12/01 Javascript
在JavaScript中处理字符串之fontcolor()方法的使用
2015/06/08 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
2015/10/20 Javascript
利用jQuery实现一个简单的表格上下翻页效果
2017/03/14 Javascript
用nodejs实现json和jsonp服务的方法
2017/08/25 NodeJs
利用vue和element-ui设置表格内容分页的实例
2018/03/02 Javascript
微信小程序methods中定义的方法互相调用的实例代码
2018/08/07 Javascript
解决vue中修改了数据但视图无法更新的情况
2018/08/27 Javascript
记一次vue-webpack项目优化实践详解
2019/02/17 Javascript
抖音上用记事本编写爱心小程序教程
2019/04/17 Javascript
通过javascript实现段落的收缩与展开
2019/06/26 Javascript
详解Typescript 内置的模块导入兼容方式
2020/05/31 Javascript
js实现QQ邮箱邮件拖拽删除功能
2020/08/27 Javascript
深入了解Vue3模板编译原理
2020/11/19 Vue.js
Vue 实现一个简单的鼠标拖拽滚动效果插件
2020/12/10 Vue.js
Python中不同进制互相转换(二进制、八进制、十进制和十六进制)
2015/04/05 Python
python-opencv在有噪音的情况下提取图像的轮廓实例
2017/08/30 Python
Python命令行解析模块详解
2018/02/01 Python
Python 编码规范(Google Python Style Guide)
2018/05/05 Python
Python 读取串口数据,动态绘图的示例
2019/07/02 Python
优秀中专生推荐信
2013/11/17 职场文书
社区精神文明建设汇报材料
2014/08/17 职场文书
放飞理想演讲稿
2014/09/09 职场文书
党的群众路线教育实践活动对照检查材料
2014/09/22 职场文书
文明倡议书
2015/01/19 职场文书
mysql的单列多值存储实例详解
2022/04/05 MySQL
Redis实现短信验证码登录的示例代码
2022/06/14 Redis