登录时，按下enter键登入

最新推荐文章于 2023-10-19 18:05:24 发布

MartinYangHJ

最新推荐文章于 2023-10-19 18:05:24 发布

阅读量575

点赞数

分类专栏：前端框架

本文链接：https://blog.csdn.net/yhj198927/article/details/115248871

版权

前端框架专栏收录该内容

41 篇文章 0 订阅

订阅专栏

这段代码展示了如何在HTML登录页面中监听键盘按键事件，当用户按下回车键时，模拟点击登录按钮的行为。通过JavaScript的keyLogin函数，如果event.keyCode等于13（回车键的ASCII码），则触发ID为'login'的提交按钮的点击事件。

摘要由CSDN通过智能技术生成

function keyLogin(event) {
   if (event.keyCode == 13) {
       $("#login").click();
   }
}

Html代码：

<body style="background: #3282db;" onkeydown="keyLogin(event);">
    <!--登录页面内容-->
    <div class="loginBox">
        <!--登录页面内容-->
        <div class="loginWrap">
            <div class="form-horizontal">
                <div class="form-group">
                    <input type="text" name="username" id="username" class="form-control" maxlength="50" check="请输入用户名" placeholder="用户名">
                    <i class="fa fa-user"></i>
                </div>
                <div class="form-group">
                    <input type="password" name="pwd" id="pwd" class="form-control" maxlength="50" check="请输入密码" placeholder="密码">
                    <i class="fa fa-lock"></i>
                </div>
                <div class="clear"></div>
                <div class="loginErr"></div>
                <div class="clear"></div>
                <p class="ta_c">
                    <input id="login" type="submit"  class="btn btn-default" value="登 录">
                </p>
            </div>
        </div>
    </div>
</body>