input 绑定 Enter 回车事件

最新推荐文章于 2024-10-10 12:00:34 发布

温酒暖良人

最新推荐文章于 2024-10-10 12:00:34 发布

阅读量4.7k

点赞数 1

分类专栏： js jquery 笔记文章标签： js jquery

本文链接：https://blog.youkuaiyun.com/y2964/article/details/127747216

版权

笔记同时被 3 个专栏收录

37 篇文章

订阅专栏

1 篇文章

订阅专栏

jquery

1 篇文章

订阅专栏

本文介绍了如何在输入框(input)中利用 JavaScript 的 onkeydown 事件及 jQuery 方法来监听并处理用户按下回车(Enter)键的事件。

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

在这里插入图片描述

<div class="nav-search mr-3" style="flex-shrink:0;">
       <input type="text" class="form-control" id="keywords" style="width:100%;height: 45px;" onkeydown="search(event)" value="#para('input')" placeholder="搜索关键字，按enter键">
       <i class="bi bi-search"></i>
</div>

1.在 input 上添加 onkeydown 事件


<script>


    function search(event){
        if (event.keyCode == "13") {
            console.log('你输入的内容：' + $('#keywords').val());
            location.href = "/search?input="+$('#keywords').val();
        }
    }

</script>

2. jQuery 方式实现

<script>

    $('#keywords').bind('keypress', function (event) {
        if (event.keyCode == "13") {
            console.log('你输入的内容：' + $('#keywords').val());
            location.href = "/search?input="+$('#keywords').val();
        }
    })

</script>