单击后Javascript按键侦听器不工作
希望有人能帮我。我正在用html5/javascript制作一个游戏，我希望用户能够用箭头键移动地图，并在玩家点击画布时执行一些代码。我所有这些都可以正常工作，但由于某些原因，有时当用户单击画布时，keydown侦听器停止工作，除非他们再次单击画布之外的部分。我试着用谷歌搜索它，似乎我想建立一个授权来修复它，但我很难让它正常工作。以下是我当前的代码：单击后Javascript按键侦听器不工作,javascript,jquery,input,listener,Javascript,Jquery,Input,Listener,希望有人能帮我。我正在用html5/javascript制作一个游戏，我希望用户能够用箭头键移动地图，并在玩家点击画布时执行一些代码。我所有这些都可以正常工作，但由于某些原因，有时当用户单击画布时，keydown侦听器停止工作，除非他们再次单击画布之外的部分。我试着用谷歌搜索它，似乎我想建立一个授权来修复它，但我很难让它正常工作。以下是我当前的代码： $(window).keydown(function(event){keyDown(event);}); $("#game").click(fu
$(window).keydown(function(event){keyDown(event);});
$("#game").click(function(e){
var x = e.pageX - $(this).offset().left;
var y = e.pageY - $(this).offset().top;
alert(x+" "+y);
});
任何帮助都将不胜感激。我将您的代码粘贴在JSFIDLE中，每次都能正常工作：
只是想知道你在使用哪个浏览器/操作系统？在
keyDownkeyDown只是想知道你在使用哪个浏览器/操作系统？在
keyDownkeyDown<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/javascript">
function xxx() {
var div = document.getElementById('x');
div.focus();
}
function keyd(e) {
alert("DDDDDDDD" + e );
}
</script>
</head>
<body onload="xxx();">
<div tabindex="0" id='x' onkeydown="keyd(event);" style="background-color: green; width: 100px; height: 100px;">
</div>
</body>
</html>
函数xxx（）{
var div=document.getElementById（'x'）；
分区焦点（）；
}
功能键D（e）{
警报（“DDDD”+e）；
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/javascript">
function xxx() {
var div = document.getElementById('x');
div.focus();
}
function keyd(e) {
alert("DDDDDDDD" + e );
}
</script>
</head>
<body onload="xxx();">
<div tabindex="0" id='x' onkeydown="keyd(event);" style="background-color: green; width: 100px; height: 100px;">
</div>
</body>
</html>
函数xxx（）{
var div=document.getElementById（'x'）；
分区焦点（）；
}
功能键D（e）{
警报（“DDDD”+e）；
}
console.logconsole.log