Javascript 检测键入的搜索栏

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

提前谢谢

您可以使用

document.addEventListener("keypress", setFocus);

其中

setFocus

是一个将焦点设置到输入字段的函数

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

如果您熟悉jQuery，可以使用

document.addEventListener("keypress", setFocus);

以下是文件-

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

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

---

有趣的是，您的搜索字段有一个id

搜索字段

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

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

//身体部位
var search=document.getElementById（“search”）；
函数addValue（a）{
search.value+=String.fromCharCode（a.keycode）；}

我的尝试：）

---

无论聚焦或单击了哪个元素，这都会增加值。

您可以检测到事件的更改：-1。不需要添加JQuery来完成这个简单的工作！此外，您只讨论如何捕获按键的问题，而不是关注元素并在其上书写的问题。请参阅我的答案以获得澄清。我恢复了-1，并删除了我的答案以代替此答案。现在完成了：D@TIMINeutron我相信你会发现这个有趣的天哪。。。。来真的我同意，JQuery很好，但我们不应该过度使用它，而且绝对不应该使用库回答一个明确的非JQuery答案，除非非常必要。如果是这样的话，我们必须首先介绍这个库，并解释为什么我们必须使用它。据我们所知，OP可能不知道什么是库。但你的答案现在已经完整了；）您可能需要考虑忽略搜索栏外的几个键：光标和空格键可用于滚动，在选择文本时，可以使用Shift +光标键修改选择。