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

最新推荐文章于 2025-05-15 14:48:00 发布

小虾米❀

最新推荐文章于 2025-05-15 14:48:00 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：随记前端

本文链接：https://blog.youkuaiyun.com/weixin_44084713/article/details/114367045

随记同时被 2 个专栏收录

23 篇文章

订阅专栏

前端

14 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>