js操作按下Enter焦点移至下一个控件

 正如标题所言使用js操作按下Enter焦点移至下一个控件,具体的实现示例如下,需要的朋友可以参考下

代码如下:
<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> 
 
 

时间: 2024-10-20 18:30:18

js操作按下Enter焦点移至下一个控件的相关文章

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

复制代码 代码如下: <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&quo

Android下拉刷新上拉加载控件(适用于所有View)_Android

     前面写过一篇关于下拉刷新控件的文章下拉刷新控件终结者:PullToRefreshLayout,后来看到好多人还有上拉加载更多的需求,于是就在前面下拉刷新控件的基础上进行了改进,加了上拉加载的功能.不仅如此,我已经把它改成了对所有View都通用!可以随心所欲使用这两个功能~~     我做了一个大集合的demo,实现了ListView.GridView.ExpandableListView.ScrollView.WebView.ImageView.TextView的下拉刷新和上拉加载.后

Android下拉刷新上拉加载控件(适用于所有View)

前面写过一篇关于下拉刷新控件的文章下拉刷新控件终结者:PullToRefreshLayout,后来看到好多人还有上拉加载更多的需求,于是就在前面下拉刷新控件的基础上进行了改进,加了上拉加载的功能.不仅如此,我已经把它改成了对所有View都通用!可以随心所欲使用这两个功能~~ 我做了一个大集合的demo,实现了ListView.GridView.ExpandableListView.ScrollView.WebView.ImageView.TextView的下拉刷新和上拉加载.后面会提供demo的

c#窗体控件- 麻烦问下下图使用的是C#什么控件,多谢!

问题描述 麻烦问下下图使用的是C#什么控件,多谢! 解决方案 DSADASDSA飞飞斯蒂芬森的风骚的分斯蒂芬 解决方案二: C#常用控件介绍使用[C#]对于ListView控件使用的个人心得C#使用微软网页浏览器控件 解决方案三: 难道不是GridView吗....listviewK看着也像 解决方案四: DataGridView 控件

link环境下制作《网盘软件》下载器,如何在任务栏图标上增加一个控件,比如进度?

问题描述 link环境下制作<网盘软件>下载器,如何在任务栏图标上增加一个控件,比如进度? link环境下制作<网盘软件>下载器,如何在任务栏图标上增加一个控件,比如进度? 解决方案 别的控件需要带区扩展,如果是进度条,回答过你了http://wuyuans.com/2012/04/csharp-win7-taskbar/

link 环境下如何让当前界面上的控件全部归零,包括选择框都恢复原来的状态?

问题描述 link 环境下如何让当前界面上的控件全部归零,包括选择框都恢复原来的状态? link 环境下如何让当前界面上的控件全部归零,包括选择框都恢复原来的状态? 解决方案 你可以将构造函数中初始化的代码抽取出来,放在一个独立的方法调用.

vc++6.0-VC++6.0VFW下如何实现摄像头视频随picture控件的大小而改变?

问题描述 VC++6.0VFW下如何实现摄像头视频随picture控件的大小而改变? VC++6.0VFW下,我将摄像头视频显示在picture控件上,当我将控件拉大到一定程度时,视频不再随它变大了,请问如何实现摄像头视频随picture控件的大小而改变? 解决方案 VC++ 6.0实现视频捕捉(VFW) 解决方案二: 这个通过api就可以设置的,这种问题有很多人问了.

谁告诉下 我JS如何获得 &amp;amp;lt;sx:datetimepicker &amp;amp;gt;日期控件值

问题描述 谁告诉下我JS如何获得<sx:datetimepicker>日期控件值<sx:datetimepickerid="warningTime"displayFormat="yyyy-MM-dd"language="UTF-8"></sx:datetimepicker>我用varwarningTime=document.getElementById("warningTime").valu

Ext JS框架中日期函数的用法及日期选择控件的实现_extjs

Ext.Date是一个单例,封装了一系列日期操作函数,扩展JavaScript Date的功能,下面列出一些常用的功能. 基本函数: Ext.Date.add(date, interval, value) 给date增加或减少时间,这个函数不改变原有Date对象的值,而是返回一个新的Date对象. Ext.Date.between(date, start, end) 判断date是否在start和end之间. Ext.Date.clearTime(date, clone) 把date的时间设置成