Enter直接登录

2.2  按Enter键调用登录按钮

【实例描述】

为了方便用户操作，在登录邮箱或论坛时，如果用户输入了用户名和密码，按Enter键时，都会自动调用登录按钮。本例学习如何实现此功能。

【实现代码】

  1. <html xmlns="http://www.w3.org/1999/xhtml" > 
  2. <head> 
  3.   <title>Check Score</title> 
  4. <script language="JavaScript"> 
  5. function keyLogin(){  
  6.   if (event.keyCode==13)                          //按Enter键的键值为13  
  7.      document.getElementById("input1").click();  //调用登录按钮的登录事件  
  8. }  
  9. </script> 
  10.  </head> 
  11. <body onkeydown="keyLogin();"> 
  12. <input id="input1" value="登录" type="button"  onclick="alert('调用成功！')"> 
  13. </body> 
  14.  </body> 
  15. </html> 

【运行效果】

按Enter键后的效果如图2-1所示。

 
图2-1  按Enter键后的效果

【难点剖析】

本例的重点是如何判断用户敲击的是Enter键，这通过判断键值"keyCode"实现，"Enter"的键值为13。使用"getElementById"方法，通过按钮的ID找到页面中的"登录"按钮，然后直接调用其"click"方法即可。

posted @ 2016-04-08 09:25  绿尘枫  阅读(389)  评论(0)  编辑  收藏  举报