Js 实现回车键触发登录，并弹出需要输入信息------Sestid

最新推荐文章于 2023-01-06 18:08:26 发布

Sestid

最新推荐文章于 2023-01-06 18:08:26 发布

阅读量398

点赞数 1

分类专栏：前端css部分❤️ Js和jQuery实现的特效❤️

原文链接：https://blog.csdn.net/qq_40147863/article/details/83721309

版权

Js和jQuery实现的特效❤️ 同时被 2 个专栏收录

25 篇文章 1 订阅

订阅专栏

前端css部分❤️

14 篇文章 0 订阅

订阅专栏

效果图：

最简单的捕捉回车键：判断按下的是不是回车键，
提示：回车键的键值为 13

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script language='javascript'>
        document.onkeydown=function(){
            //回车键的键值为 13
            if (event.keyCode == 13){
                alert('按下的是回车键！');
            }
            else{
                alert('您按的不是回车键！');
            }
        }
    </script>
</head>
<body>
<h3>您按回车键试一下？</h3>
</body>
</html>

按下回车键，实现登录操作（完整代码）

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <link rel="stylesheet" href="css/text.css" type="text/css">
    <script language="javascript">
        function check() {
            var formname=document.loginForm;
            if (formname.userName.value == "") {
                alert("请输入用户名！");
                formname.userName.focus();
                return false;
            }
            if (formname.pwd.value == "") {
                alert("请输入密码！");
                formname.pwd.focus();
                return false;
            }
            formname.submit();
        }
        //回车时，默认是登陆
        function on_return(){
            if(window.event.keyCode == 13){
                if (document.all('sub')!=null){
                    document.all('sub').click();
                }
            }
        }
    </script>
</head>
<body onkeydown="on_return();">
<form name ="loginForm" method="post" action="#">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="69%" height="30"><span class="font_04">帐户名</span>
                <input type="text" name="userName">
            </td>
        </tr>
        <tr>
            <td width="69%" height="30"><span class="font_04">密　码</span>
                <input type="password" name="pwd" >
            </td>
        </tr>
        <tr>
            <td width="31%" height="30">
                <a id="sub" onClick='check()' style="color: brown">
                    登陆</a></td>
        </tr>
    </table>
</form>
</body>
</html>

Sestid

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Js 实现回车键触发登录，并弹出需要输入信息------Sestid

效果图：最简单的捕捉回车键：判断按下的是不是回车键，提示：回车键的键值为 13<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script lang...
复制链接

扫一扫