前端实现回车键触发搜索

2024-01-07 18:00:24

前言

搜索框是个常见的功能,除了用现有的ui组件库,有的时候必须要自己封装,所以涉及到点击按钮搜索和回车搜索都要实现

实现方法

1. html里可以用 form 来实现

button必须是submit类型

let submit=document.getElementById("sub");
    let val=document.getElementById("val");
    submit.addEventListener("click",()=>{
        alert("值是"+val.value)
    });

2. 非form中的input

let submit = document.getElementById("sub");
    let val = document.getElementById("val");
    val.onkeyup = function (event) {
        var e = event || window.event;
        console.log(event.keyCode);
        if (e && e.keyCode == 13) { //回车键的键值为13
            alert("值是: " + val.value);
        }
    };
    submit.onclick = function () {
        alert("值是" + val.value);
    }

文章来源:https://blog.csdn.net/weixin_42202992/article/details/135410387
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。