JS按回车键实现登录

简介: JS按回车键实现登录

html结构

<-- 在页面任何一个地方敲回车都要实现,所以给body一个键盘按下事件 -->
<body onkeydown="keyLogin()">
  <button id="loginBtn" type="button" onclick="login()">登录</button>
</body>
  <!-- 登录 -->
    <div id="go">
      <p>登录</p>
      <div id="row">
        <span id="spa"></span>
      </div>
      <div id="wribox">
        <input type="text" name="" onkeydown="keyLogin()"  id="writ" value="" class="inp" placeholder="账户" onchange="rangs()"/>
        <span id="abso">账号不正确</span>
        <input type="password" name="" onkeydown="keyLogin()" id="inwrit" class="inp" value="" placeholder="密码" onchange="peo()" />
        <span id="apabso">密码不正确</span>
        <div id="">
          <input type="checkbox" name="" id="check" value="" /><span id="mus">
          记住密码
        </span>
        </div>
      </div>
      <!-- 登录 -->
      <div onclick="gollp()" id="locat">
        <p>登录</p>
      </div>

js

<script type="text/javascript">
  function keyLogin(){
     if (event.keyCode==13)  //回车键的键值为13
     login(); // 调用登录方法
     // document.getElementById("loginBtn").click(); 或者调用登录按钮的登录事件
  }
</script>
相关文章
|
1月前
|
JavaScript 前端开发
JS生成登录验证码
JS生成登录验证码
20 2
|
1月前
|
JavaScript 前端开发
JS实现键盘事件(回车)的登录
JS实现键盘事件(回车)的登录
14 0
|
1月前
|
存储 JavaScript
如何用JS实现退出登录?
如何用JS实现退出登录?
30 1
|
1月前
|
前端开发 NoSQL 数据库
切图仔做全栈:React&Nest.js社区平台(一)——基础架构与邮箱注册、JWT登录实现
切图仔做全栈:React&Nest.js社区平台(一)——基础架构与邮箱注册、JWT登录实现
|
1月前
|
前端开发 JavaScript 数据安全/隐私保护
next.js博客搭建_六一卡通风格的登录注册(第二步)
next.js博客搭建_六一卡通风格的登录注册(第二步)
11 0
|
1月前
|
JavaScript
js回车登录
js回车登录
21 1
|
1月前
|
JavaScript 前端开发
JavaScript回车事件
JavaScript回车事件
49 0
|
1月前
|
JavaScript
|
前端开发 JavaScript
JavaScript判断是否是手机mobile登录
在页面代码中加入以下js,即可利用JavaScript判断是否是手机mobile登录! uaredirect("http://xxx/mobile/login");  uaredirect.
780 0
|
12天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
162 63