javascript - 如何将点击监听器添加到键盘按钮输入？

Question

我已经创建了一段javascript代码，但是点击回车按钮的功能还没有起作用，怎么办？

html

<div class="landing-pages-form-search">
     <input type="text" name="search" id="searchbar" placeholder="Search">
     <input type="submit" onclick="return landingSearch();">
</div>

JavaScript

    function landingSearch() {
        let input = document.getElementById('searchbar').value
        input = input.toLowerCase();
        let x = document.getElementsByClassName('landing-pages-column');

        for (i = 0; i < x.length; i++) {
            if (!x[i].innerHTML.toLowerCase().includes(input)) {
                x[i].style.display = "none";
                $("#load-more").hide();
            }
            else {
                x[i].style.display = "list-item";
                $("#load-more").hide();
            }
        }
    }

请帮帮我，我在哪里可以添加代码点击监听器？

Answer 1

表单提交无需添加事件监听器。 您只需将输入字段包装在表单标签中，回车键就会自动起作用。像这样

<form action="">
 <div class="landing-pages-form-search">
  <input type="text" name="search" id="searchbar" placeholder="Search">
  <input type="submit" onclick="return landingSearch();">
 </div>
</form>