萬盛學電腦網 >> 腳本專題 >> javascript >> js操作按下Enter焦點移至下一個控件
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>javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved