html 文本框回车触发按钮点击事件

最新推荐文章于 2023-04-25 17:22:28 发布

原创最新推荐文章于 2023-04-25 17:22:28 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

随记同时被 2 个专栏收录

23 篇文章

订阅专栏

前端

14 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的网页表单功能，当用户在密码输入框中按下回车键时，会触发按钮点击事件。该示例中利用了jQuery库简化DOM操作，并附带了一个简单的演示代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本框回车</title>
    <script type="text/script" src="js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript">
        function test() {
            alert(1);
        }
    </script>
</head>

<body>
<div>
    <input type="password" onkeydown="if(event.keyCode==13){btn.click()}">
    <button id="btn" onclick="test()"></button>
</div>
</body>
</html>