js写登录界面回车直接登录

最新推荐文章于 2024-09-11 20:59:43 发布

菜鸟的备忘录

最新推荐文章于 2024-09-11 20:59:43 发布

阅读量6k

点赞数 1

分类专栏：前端学习 js jQuery 文章标签： js 登录界面 jquery

本文链接：https://blog.csdn.net/hilary_front/article/details/78132269

版权

前端学习同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

js jQuery

7 篇文章 0 订阅

订阅专栏

在js中写入以下代码，并在点击事件上绑定

function keyLogin(){
  if (event.keyCode==13) {//回车键的键值为13
      var toClick=document.getElementById("keyBtn")
         toClick.click();  //调用登录按钮的登录事件
}
}`

function IbtnEnter_onclick() {   
            keyLogin();  
        }

在jsp文件中写页面

<div class="login" onkeydown="keyLogin()">
    <div class="body">
        <input class="userInputUserName" placeholder="请输入用户名""/>
        <input class="userInputPassword" placeholder="请输入密码" "/>
        <button id="keyBtn"class="btn"onclick="IbtnEnter_onclick()">           登录</button>
    </div>
</div>