按Enter键调用登录按钮

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

转载最新推荐文章于 2023-07-02 19:12:01 发布 · 382 阅读

本文介绍了一种在网页中实现用户使用Enter键触发登录功能的方法。通过JavaScript监听键盘事件，当检测到用户按下Enter键时（键值为13），自动调用登录按钮的点击事件，从而实现快捷登录。

【实例描述】

为了方便用户操作，在登录邮箱或论坛时，如果用户输入了用户名和密码，按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>