JavaScript使用回车键登录的方法

最新推荐文章于 2022-09-06 09:56:49 发布

weixin_33709609

最新推荐文章于 2022-09-06 09:56:49 发布

阅读量155

点赞数

文章标签： javascript python 前端 ViewUI

原文链接：https://my.oschina.net/inchlifc/blog/1563318

版权

2019独角兽企业重金招聘Python工程师标准>>>

实际编程过程中，在前端页面展示时，我们经常使用回车键登录，下面介绍两种方法：

方法一：

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Check Score</title>
    <script language="JavaScript">
        function keyLogin(){
            if (event.keyCode==13)  //回车键的键值为13
                document.getElementByIdx_x("input1").click(); //调用登录按钮的登录事件
        }
    </script>
</head>
<body οnkeydοwn="keyLogin();">
<input id="input1" value="登录" type="button" onClick="alert('调用成功！')">
</body>
</html>

方法二：

<script>
    function KeyDown()
    {
        if (event.keyCode == 13)
        {
            event.returnValue=false;
            event.cancel = true;
            Form1.btnsubmit.click();
        }
    }
</script>

<form name="Form1" method="">
    用户名:<INPUT TYPE=text SIZE=20 maxlength = 8 οnkeydοwn=KeyDown()>
    密码:<INPUT TYPE=password SIZE=20 maxlength = 8 οnkeydοwn=KeyDown()>
    <input type="submit" name="btnsubmit" value="提交" />
</form>