按下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"||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-12-24 21:11:53

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

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.l

下拉菜单点击实现连接跳转功能的js代码_javascript技巧

1.js代码 复制代码 代码如下: <!-- function MM_jumpMenu(targ,selObj,restore){ eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } --> 2.使用 复制代码 代码如下: <p class="yq">校

node.js 一个简单的页面输出实现代码_javascript技巧

安装过程就不说了.如果成功是能使用node的命令.node.js调试是非常方便的.每种后台语言都有一个向那个黑黢黢的控制台团输出语用的命令.node.js沿用FF那套东西,也就是console对象与其方法.我们首先建一个example.js文件,内容如下,然后在控制台打开它. 复制代码 代码如下: console.log("hello node.js") for(var i in console){ console.log(i+" "+console[i]) } n

js编写一个简单的产品放大效果代码_javascript技巧

购物网站的产品页经常会放有一个产品展示图区.该图区有一个功能就是产品图的放大功能,移动左侧的焦点区域,可以放大细节部分观看,详情如下图.实现该功能的方法也非常简单.   实验:制作产品焦点放大图. 所需技能: 1.基本的获取页面元素的方法: 2.几个简单的事件: 3.会使用dom设置元素的属性: 案例原理: 1.焦点框的跟随鼠标事件: 2.焦点框的移动区域规定: 3.大盒子内容的显示: 适合对象:js初学者 --------------------------------------------

JavaScript写的一个自定义弹出式对话框代码_javascript技巧

下图是我的设计思路 下面是具体的js代码 1,首先定义几个自定义函数 代码 复制代码 代码如下: //判断是否为数组 function isArray(v) { return v && typeof v.length == 'number' && typeof v.splice == 'function'; } //创建元素 function createEle(tagName) { return document.createElement(tagName); } //在

使用do...while的方法输入一个月中所有的周日(实例代码)_javascript技巧

使用do...while的方法输入一个月中所有的周日(实例代码) do{ var date = Number(prompt('请输入一个月的总天数')); var start = (prompt('请输入一个月的一号是周几')); for(var i=0;i<date;i++){ if((start+1)%7===0){ console.log(i+'号是周日') } } console.log('查询完毕'); }while('yes'===prompt('您还继续查询休息日吗?','yes继

JS下高效拼装字符串的几种方法比较与测试代码_javascript技巧

在使用Ajax提交信息时,我可能常常需要拼装一些比较大的字符串通过XmlHttp来完成POST提交.尽管提交这样大的信息的做法看起来并不优雅,但有时我们可能不得不面对这样的需求.那么JavaScript中对字符串的累加速度如何呢?我们先来做下面的这个实验.累加一个长度为30000的字符串. 测试代码1 - 耗时: 14.325秒 复制代码 代码如下: var str = ""; for (var i = 0; i < 50000; i++) { str += "xxxx

顶部缓冲下拉菜单导航特效的JS代码_javascript技巧

复制代码 代码如下: <script type="text/javascript">            $(function() {                var d=300;                $('#navigation a').each(function(){                    $(this).stop().animate({                        'marginTop':'-80px'       

得到form下的所有的input的js代码_javascript技巧

使用form 的集合对象elements,从而得到value 复制代码 代码如下: var form = document.getElementById("dateform"); var a = form.elements.length;//所有的控件个数 for (var j=0;j<a;j++){ if(form.elements[j].className == "text"){//class="text"的控件 if(form.ele