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>


相关文章
|
4天前
|
JavaScript 前端开发
JS生成登录验证码
JS生成登录验证码
14 2
|
4天前
|
前端开发 NoSQL 数据库
切图仔做全栈:React&Nest.js社区平台(一)——基础架构与邮箱注册、JWT登录实现
切图仔做全栈:React&Nest.js社区平台(一)——基础架构与邮箱注册、JWT登录实现
|
4天前
|
前端开发 JavaScript 数据安全/隐私保护
next.js博客搭建_六一卡通风格的登录注册(第二步)
next.js博客搭建_六一卡通风格的登录注册(第二步)
8 0
|
4天前
|
存储 JavaScript
如何用JS实现退出登录?
如何用JS实现退出登录?
21 1
|
4天前
|
JavaScript
js回车登录
js回车登录
15 1
|
4天前
|
JavaScript 前端开发
JavaScript回车事件
JavaScript回车事件
44 0
|
4天前
|
JavaScript
|
4天前
|
JavaScript 前端开发
js基础——事件(鼠标事件、键盘事件、表单事件......)
js基础——事件(鼠标事件、键盘事件、表单事件......)
32 0
|
4天前
|
数据采集 JavaScript 前端开发
Java爬虫攻略:应对JavaScript登录表单
Java爬虫攻略:应对JavaScript登录表单
|
JavaScript 前端开发