JS实现键盘事件(回车)的登录

简介: JS实现键盘事件(回车)的登录

这是一个键盘事件的dome,有不足的地方会及时改动和更改。


HTML:


<body onkeydown="keyLogin();">

 <input id="input1" value="登录" type="button" onClick="alert('调用成功!')">

</body>

JS:


<script language="JavaScript">

   function keyLogin() {

    if (event.keyCode == 13) //回车键的键值为13

     document.getElementById("input1").click(); //调用登录按钮的登录事件

   }

  </script>

整体的方法:


<html>

   <head>

       <title>Check Score</title>

           <script language="JavaScript">

               function keyLogin() {

                   if (event.keyCode == 13) //回车键的键值为13

                       document.getElementById("input1").click(); //调用登录按钮的登录事件

               }

           </script>

   </head>

   <body οnkeydοwn="keyLogin();">

       <input id="input1" value="登录" type="button" onClick="alert('调用成功!')">

   </body>

</html>


相关文章
|
1月前
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
42 3
|
2月前
|
JavaScript
Node.js单点登录SSO详解:Session、JWT、CORS让登录更简单(二)
Node.js单点登录SSO详解:Session、JWT、CORS让登录更简单(一)
39 0
|
2月前
|
存储 JSON JavaScript
Node.js单点登录SSO详解:Session、JWT、CORS让登录更简单(一)
Node.js单点登录SSO详解:Session、JWT、CORS让登录更简单(一)
102 0
|
4月前
|
资源调度 JavaScript API
nest.js + sms 实现短信验证码登录
本文介绍了在Nest.js框架中集成短信验证码登录的实现方案,详细阐述了使用阿里云短信服务的配置流程、资质申请、短信模板设置,并提供了API调用示例和工程代码的运行步骤。
nest.js + sms 实现短信验证码登录
|
3月前
|
JavaScript 前端开发
js登录注册简单tab切换页面(含前台表单验证)
文章介绍了如何使用HTML、CSS和JavaScript创建一个简单的登录注册页面,并实现Tab切换效果。包括了表单验证,点击登录或注册按钮时,可以切换显示相应的表单。同时提供了完整的前端代码和实现效果图。
|
4月前
|
JavaScript 前端开发
js的回车事件
js的回车事件
58 3
|
4月前
|
JavaScript 前端开发
JavaScript中通过按回车键进行数据的录入
这篇文章提供了一个JavaScript示例代码,演示了如何通过监听回车键(keyCode为13)在网页上实现数据的录入和触发一个警告框提示"正在登录验证......"。
JavaScript中通过按回车键进行数据的录入
|
4月前
|
JavaScript 前端开发
Next js:点击登录显示登录表单,点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例,包括创建`authform.tsx`组件和在页面组件中引入使用的方法。
|
6月前
|
JavaScript