检测键入的搜索栏

Search bar that detects typing

本文关键字：搜索栏 检测      更新时间：2023-09-26

我想为我的网站创建一个搜索栏，在那里它可以检测用户以键入的形式输入的信息。我如何开始这样做，当用户开始键入时，他/她立即在搜索栏上键入。我熟悉自动对焦，但我想要的是在输入时自动重定向，即使用户点击了页面上的其他内容，这样自动对焦上的光标就不再在搜索栏上了。这可能吗？浏览器如何检测打字？

提前感谢！

我认为您可以抓住按键，然后在搜索栏上设置自动对焦。像这样的

document.onkeypress = function (e)
 {
    document.getElementById("searchBar").focus();
};

您可以使用

document.addEventListener("keypress", setFocus);

其中，setFocus是将焦点设置为输入字段的函数。

function setFocus(){
    document.getElementById("search-field").focus();
}

如果你熟悉jQuery，你可以使用

$( document ).keypress(function() {
  $("#search-field").focus();
});

这是文档-按键

在函数内部，您可以将焦点设置在输入字段上。

有趣的是，您的搜索字段有一个id search-field。

     <body onkeydown = "addValue(event)">
        <input type = "text" id = "search" value = ' '/>
        </body> // The body part

     <script>
        var search = document.getElementById ("search");
        function addValue (a){
        search.value+= String.fromCharCode(a.keycode);}
</script>

我的尝试：）无论哪个元素被聚焦或单击，这都会增加值。

相关文章：