Fatal编程技术网

响应按键javascript

javascript

响应按键javascript,javascript,Javascript,我很抱歉，如果这是基本的，但我已经搜索，并没有找到任何工作 我想加载一个网页。加载该页面时，将显示一个图像。我想让页面自动开始监听右箭头键的按下。当这种情况发生时，我脚本中的一个函数将更改图像（我通过单击按钮进行操作的部分） 这是对我无法工作的按键的倾听和反应。请注意，我正在使用Safari，但如果可能的话，我希望它也能在firefox或IE中工作 请帮忙，谢谢 更新以回应评论：以下是我尝试的内容，尽管我简化了另一部分以使其更短——现在它只将结果写入div： <html> <h

我很抱歉，如果这是基本的，但我已经搜索，并没有找到任何工作

我想加载一个网页。加载该页面时，将显示一个图像。我想让页面自动开始监听右箭头键的按下。当这种情况发生时，我脚本中的一个函数将更改图像（我通过单击按钮进行操作的部分）

这是对我无法工作的按键的倾听和反应。请注意，我正在使用Safari，但如果可能的话，我希望它也能在firefox或IE中工作

请帮忙，谢谢

更新以回应评论：以下是我尝试的内容，尽管我简化了另一部分以使其更短——现在它只将结果写入div：

<html>
<head>
<script language="Javascript">
function reactKey(evt) {
   if(evt.keyCode==40) {
      document.getElementById('output').innerHTML='it worked';
   }
}
</script>
</head>
<body onLoad="document.onkeypress = reactKey();">
<div id="output"></div>
</body>
</html>


功能键（evt）{
如果（evt.keyCode==40）{
document.getElementById（'output'）。innerHTML='it worked'；
}
}
如果使用jquery，可以执行以下操作：

$(document).keydown(function(e){
    if (e.keyCode == 39) { 
       alert( "right arrow pressed" );
       return false;
    }
});
最简单的方法是使用许多热键库中的一个，如或

编辑：尝试类似的方法（在您已经加载了Kibo的javascript之后）

在body语句中，添加
onload
处理程序：

然后添加如下内容（摘自Kibo页面）：


var k=新的Kibo（）；
函数setuphandler（）
{
k、 向下（['up'，'down'，function（））{
警报（“按键”）；
console.log（“按下向上或向下箭头键”）；
});
}

请向我们展示您迄今为止所做的尝试。我不是在使用jquery-没有它就无法做到这一点吗？@thf是的，但针对浏览器兼容性进行编程可能会很复杂。尝试过，但什么都没有发生。请注意，我这样做了：
我明白了。我用正确的代码更新了我的答案。它似乎只适用于onkeydown。你可以把这个放在body onload里，虽然我没试过。这是小提琴的链接，看起来很有希望，但我想我落后了一步。Kibo说要包括来源——完成。然后它说：“然后通过创建Kibo:var k=new Kibo（）；”的实例来设置一个事件侦听器，”我在哪里添加最后一部分？这就是让我感到困惑的部分。我试过编辑。什么也没发生。我上下点击，网页就会上下滚动。你看了看控制台，什么也没看到？ 
<script type="text/javascript">
var k = new Kibo();
function setuphandler()
{
  k.down(['up', 'down'], function() {
  alert("Keypress");
  console.log('up or down arrow key pressed');
});
}
</script>

document.onkeydown= function(key){ reactKey(key); }

function reactKey(evt) {
   if(evt.keyCode== 40) {
      alert('worked');
   }
}