首页 > 网络编程 > JavaScript > 表单特效 > javascript 焦点 javascript 焦点的两个问题 2009-07-09 13:25:59 作者： # 页面加载完后，光标自动定位到R0表单 # 问题二：在R0表单输入1，回车后跳转到R1，输入2回车后跳转到R2，输入3回车后跳转到R3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>无标题页</title> <!--问题一：页面加载完后，光标自动定位到R0表单 问题二：在R0表单输入1，回车后跳转到R1，输入2回车后跳转到R2，输入3回车后跳转到R3--> <script type="text/javascript"><!-- var $=function(id) { return document.getElementById(id); } function ShowTar() { $("R0").focus(); } function key_down(Target) { if(event.keyCode==13) { if(Target=="R0") { $("R1").focus(); } else if(Target=="R1") { $("R2").focus(); } else if(Target=="R2") { $("R3").focus(); } } } // --></script> </head> <body onload="ShowTar()"> <input name="R0" id="R0" type="text" size="3" maxlength="1" onkeydown="key_down(id)"/> <input name="R1" id="R1" type="text" size="3" maxlength="1" onkeydown="key_down(id)"/> <input name="R2" id="R2" type="text" size="3" maxlength="1" onkeydown="key_down(id)"/> <input name="R3" id="R3" type="text" size="3" maxlength="1" onkeydown="key_down(id)"/> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
