按Enter键调用登录按钮

最新推荐文章于 2023-07-02 19:12:01 发布

lxtlog

最新推荐文章于 2023-07-02 19:12:01 发布

阅读量346

点赞数

【实例描述】

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

【实现代码】

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