如何捕获网络上的击键？

Question

使用 PHP、JS 或 HTML（或类似的东西）如何捕获按键？例如，如果用户按下 ctrl+f 甚至只是 f，就会发生某个功能。

++++++++++++++++++++++++++编辑+++++++++++++++++++++ 好吧，这是否正确，因为我无法让它工作。我为我的笨拙道歉，这是一个简单的问题，对于 jQuery 来说是个新手，并且仍在学习越来越多的关于 JS 的知识。

<script>    
var element = document.getElementById('capture');
    element.onkeypress = function(e) { 
       var ev = e || event;
       if(ev.keyCode == 70) {
          alert("hello");
       }
    }
</script>
<div id="capture">
Hello, Testing 123
</div>

++++++++++++++++++编辑++++++++++++++++++++

这里是一切，但我无法让它工作：

<link rel="icon" href="favicon.ico" type="image/x-icon">
<style>
* {
margin: 0px
}  

div {
    height: 250px;
    width: 630px;
    overflow: hidden;
    vertical-align: top;
    position: relative;
    background-color: #999;
}
  iframe {
    position: absolute;
    left: -50px;
    top: -130px;
  }
</style>
<script>
document.getElementsByTagName('body')[0].onkeyup = function(e) { 
   var ev = e || event;
   if(ev.keyCode == 70 && ev.ctrlKey) { //control+f
      alert("hello");
   }
}
</script>
<div id="capture">
Hello, Testing 123<!--<iframe src="http://www.pandora.com/" scrolling="no" width="1000" height="515"frameborder="0"></iframe>-->
</div>

+++编辑+++

感谢雅各布，我以为我已经修复了它，但是当我在 FF 和 IE 中尝试过（目前使用 chrome，确实有效），但没有成功。这个脚本只是用于一个只有我会看到的个人页面，所以这不是最重要的，但为了将来的参考，我只是想知道为什么这在 IE 或 FF 中不起作用。

Answer 1

当然，做到这一点的唯一方法是通过 JavaScript，您可以这样做：

window.onload = function() {
   document.getElementsByTagName('body')[0].onkeyup = function(e) { 
      var ev = e || event;
      if(ev.keyCode == 70) {//&& ev.ctrlKey) {
         //do something...
      }
   }
};

要找出您想要的特定关键代码，请参阅这篇文章：http://www.webonweboff.com/tips/js/event_key_codes.aspx

jsFiddle 示例

Answer 2

您正在寻找与按键相关的 JavaScript 事件。这里有一些烦人的浏览器不兼容问题，因此您最好使用像 jQuery 这样的 JS 库，您可以在其中使用 jQuery keypress() 方法，但您可以从 javascript onkeypress 事件中获取您想要的数据。

Answer 3

您最好捕获窗口上的所有按键，而不是像提到的其他答案那样捕获特定元素上的击键。

所以使用原生 javascript：

window.onload = function (){
 eventHandler = function (e){
    if (e.keyCode == 70 && e.ctrlKey)
    {
      //do stuff
      //console.log(e);
    }
  }

  window.addEventListener('keydown', eventHandler, false);
}

使用 JQuery：

$(document).ready(function(){
  $(window).keydown(function (e) {
    if (e.keyCode == 70 && e.ctrlKey)
    {
        //do stuff
    }

  });
});

Answer 4

使用 jQuery：

您可以使用 jQuery Keydown

关于捕获不同关键事件的好文章：

在 jQuery 中处理事件

编辑：

JavaScript

这里有一些很好的文章，可以在 javascript 中使用很好的演示来完成此操作：

• 在 JavaScript 中处理键盘快捷键
• 检测击键