按下Enter焦點移至下一個控件的實現(xiàn)js代碼
更新時間：2013年12月11日 17:03:36 作者：
正如標(biāo)題所言使用js操作按下Enter焦點移至下一個控件，具體的實現(xiàn)示例如下，需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<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>
相關(guān)文章
在JavaScript中,事件默認行為是指在特定的事件發(fā)生時瀏覽器自動執(zhí)行的操作,本文主要介紹了JavaScript 阻止事件默認行為,感興趣的可以了解一下2024-05-05
js 剪切板應(yīng)用clipboardData詳細解析
本篇文章主要介紹了js剪切板應(yīng)用clipboardData。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
微信小程序?qū)崿F(xiàn)打開并下載服務(wù)器上面的pdf文件到手機
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)打開并下載服務(wù)器上面的pdf文件到手機，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
JS實現(xiàn)的漢字與Unicode碼相互轉(zhuǎn)化功能分析
這篇文章主要介紹了JS實現(xiàn)的漢字與Unicode碼相互轉(zhuǎn)化功能,結(jié)合實例形式分析了javascript實現(xiàn)漢字與Unicode碼轉(zhuǎn)換相關(guān)操作技巧與注意事項,需要的朋友可以參考下2018-05-05
JavaScript canvas實現(xiàn)圍繞旋轉(zhuǎn)動畫
這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)圍繞旋轉(zhuǎn)動畫，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
uniapp中canvas繪制圖片內(nèi)容空白報錯的原因及解決
最近有個需求就是要用canvas畫個分享的海報,所以這里總結(jié)下,這篇文章主要給大家介紹了關(guān)于uniapp中canvas繪制圖片內(nèi)容空白報錯的原因及解決方法,需要的朋友可以參考下2023-09-09
這篇文章主要為大家介紹了JavaScript es6的新增數(shù)組方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
JS將所有對象s的屬性復(fù)制給對象r(原生js+jquery)
這篇文章主要介紹了js中將所有對象s的屬性復(fù)制給對象r的方法，原生js+jquery分別實現(xiàn)2014-01-01
這篇文章主要介紹了檢查表單元素的值是否為空的實例代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
獲取下拉列表框的值是數(shù)組，split，$.inArray示例
獲取下拉列表框的值是數(shù)組，下面用product_id 去匹配是否包含在一個數(shù)組中，感興趣的朋友不要錯過2013-11-11