首頁 > web前端 > js教程 > 按Enter焦點移至下一個控制項的實作js程式碼_javascript技巧

按Enter焦點移至下一個控制項的實作js程式碼_javascript技巧

WBOY
發布: 2016-05-16 17:09:48
原創
801 人瀏覽過
複製程式碼程式碼如下:



Enter2Tab標題>

window.onload=function(){
var list = new Array();
for(var i=5;i{
if(document.all[i].type=="text"||document.all[i] .tagName=="SELECT")
list.push(i);
}

for(var i=0;i{
document.all[list[i]].setAttribute("nextFocusIndex",列表[i 1]);
document.all[list[i]].onkeydown=JumpToNext;
}
for(var i=list.length-1;i{
if(document.all[i].type=="button" )
{
document.all[list[list.length-1]].setAttribute("nextFocusIndex",i);
document.all[list[list.length-1]].onkeydown=JumpToNext;
休息;
}
}
document.all[list[0]].focus();
}
function JumpToNext(){
if(event.keyCode==13)
{
var nextFocusIndex=this.getAttribute("nextFocusIndex");
document.all[nextFocusIndex].focus();
}
}
腳本>
頭>







1選項>
2選項>
3選項>
4選項>
5選項>
選擇>

1選項>
2 選項>
3選項>
4選項>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板