按下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)文章
Bootstrap 支持最常見的表單控件，主要是 input、textarea、checkbox、radio 和 select。本文通過實例代碼給大家講解Bootstrap所支持的表單控件，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)簡單計算器小功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
js中取小數(shù)點后兩位方法最常用的就是四舍五入函數(shù)了，前面我介紹過js中四舍五入一此常用函數(shù)，這里正好用上，下面我們一起來看取float型小數(shù)點后兩位一些方法總結(jié)2014-01-01
這篇文章主要介紹了9102了，你還不會移動端真機調(diào)試嗎，本文詳細(xì)的介紹了3種移動端真機調(diào)試方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-03-03
nullJavascript中創(chuàng)建對象的五種方法實例
今天上午，非常郁悶，有很多簡單基礎(chǔ)的問題搞得我有些迷茫，哎，代碼幾天不寫就忘。目前又不當(dāng)COO，還是得用心記代碼哦！2013-05-05
矢量圖形最大的優(yōu)點是無論放大、縮小或旋轉(zhuǎn)等不會失真。在地圖中存在著大量的應(yīng)用，是地圖數(shù)據(jù)中非常重要的組成部分，這篇文章主要介紹了OpenLayers 3加載矢量地圖源的相關(guān)資料,需要的朋友可以參考下2021-12-12
Bootstrap讓W(xué)eb開發(fā)更迅速、更簡單，這篇文章主要為大家詳細(xì)介紹了Bootstrap表單控件，用來與用戶做交流的一個網(wǎng)頁控件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了JavaScript中使用數(shù)組方法匯總的相關(guān)資料,需要的朋友可以參考下2016-02-02
修改layui的后臺模板的左側(cè)導(dǎo)航欄可以伸縮的方法
今天小編就為大家分享一篇修改layui的后臺模板的左側(cè)導(dǎo)航欄可以伸縮的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
本文主要介紹了js中==與===的相同點與不同點。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01