js实现点击enter键光标移到下一个输入框效果

如何让用户按下enter键后光标直接定位到下一个输入框,代码如下:

  1. <html> 
  2. <head> 
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  4. <title>ENTER键可以让光标移到下一个输入框</title> 
  5. <script language="javascript"> 
  6. function changeEnter(){ 
  7.     if(event.keyCode==13){event.keyCode=9;} 
  8. </script> 
  9. </head> 
  10. <body> 
  11. <form id="form1" name="form1" method="post" action=""> 
  12. <p>用户名:<input type="text" name="textfield" id="textfield" onkeydown="changeEnter()" /></p> 
  13. <p>密码:<input type="text" name="textfield2" id="textfield2" onkeydown="changeEnter()" /></p> 
  14. <p><input type="submit" name="button" id="button" value="提交" /></p> 
  15. </form> 
  16. </body> 
  17. </html> 

转载请注明:代码家园 » js实现点击enter键光标移到下一个输入框效果

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)