Javascript 如何在页面的任何位置检测键盘输入

Javascript 如何在页面的任何位置检测键盘输入,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我有一个在我的家庭服务器上运行的起始页,起始页是我的主页,当我创建一个新标签等时显示的页面,它有一个我所有网络应用和书签的列表 我希望这样当页面加载时,如果我想进行谷歌搜索,那么我可以开始键入,然后这个覆盖弹出一个搜索栏供我搜索谷歌 我已经了解了当在输入字段中键入内容时,人们如何使用onkeypressed()函数运行代码,但是如果用户开始在页面的任何位置键入内容(当用户不在输入字段中时),我想运行这段代码(这段代码将显示与搜索栏重叠的代码) e、 g.页面加载后,用户立即开始键入,我想立即显示

我有一个在我的家庭服务器上运行的起始页,起始页是我的主页,当我创建一个新标签等时显示的页面,它有一个我所有网络应用和书签的列表

我希望这样当页面加载时,如果我想进行谷歌搜索,那么我可以开始键入,然后这个覆盖弹出一个搜索栏供我搜索谷歌

我已经了解了当在输入字段中键入内容时,人们如何使用
onkeypressed()
函数运行代码,但是如果用户开始在页面的任何位置键入内容(当用户不在输入字段中时),我想运行这段代码(这段代码将显示与搜索栏重叠的代码)

e、 g.页面加载后,用户立即开始键入,我想立即显示一个带有搜索框的覆盖图,并允许用户键入该搜索框

可以这样做吗?如果可以,怎么做?它有什么功能吗?

希望对您有所帮助

 <html>
    <body>

    <p id="demo"></p>

    <script>

    document.addEventListener("keypress", function(event){
        var x = event.which || event.keyCode;
      document.getElementById("demo").innerHTML = "The Unicode value is: " + x;
    });

    </script>

    </body>
</html>

文档.添加的事件列表器(“按键”,功能(事件){ var x=event.which | | event.keyCode; document.getElementById(“demo”).innerHTML=“Unicode值为:”+x; });
您没有向我们提供任何代码片段,因此我只为您提供一些建议,让您有一个起点。要阅读用户“全局”键入的内容,请使用:docoument.addEventListener('keydown',event=>{//code here})@AksJacoves当我还没有关于这个特定问题的任何代码时,我如何给出代码片段?据我所知,您希望在用户编写某些内容时关注特定的输入,为此,请使用focus()方法