按Enter键调用登录按钮

最新推荐文章于 2024-07-05 03:42:18 发布

passport_daizi

最新推荐文章于 2024-07-05 03:42:18 发布

阅读量7.6k

点赞数 2

分类专栏： 03 JavaScript 01 Html 02 Jsp

01 Html 同时被 3 个专栏收录

41 篇文章 0 订阅

订阅专栏

03 JavaScript

33 篇文章 0 订阅

订阅专栏

02 Jsp

29 篇文章 0 订阅

订阅专栏

2.2 按Enter键调用登录按钮

【实例描述】

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