input 绑定 Enter 回车事件

在这里插入图片描述

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

版权声明:本文为y2964原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。