我似乎无法在javascript中使用按键处理
我查看了许多关于StackOverflow的已回答问题，并实现了我认为正确的代码，但我无法用键盘按键移动我的角色。这里有什么问题 Javascript文件我似乎无法在javascript中使用按键处理,javascript,html,Javascript,Html,我查看了许多关于StackOverflow的已回答问题，并实现了我认为正确的代码，但我无法用键盘按键移动我的角色。这里有什么问题 Javascript文件 var key = []; document.addEventListener('keydown', function(e){ handleKeyPress(e); }); onkeydown = onkeyup = function(e){ e = e || event; map[e.keyC
var key = [];
document.addEventListener('keydown',
function(e){
handleKeyPress(e);
});
onkeydown = onkeyup = function(e){
e = e || event;
map[e.keyCode] = e.type == 'keydown';
if (key[65]){ //'a' is pressed
if (crxpos > 8)
crxpos-=8;
}
else if (key[68]){ //'d' is pressed
if (crxpos < 1280 - 40)
crxpos+=8;
}
else if (key[83]){ //'s' is pressed
if (crypos < 720 - 40)
crypos+=8;
}
else if (key[87]){ //'w' is pressed
if (crypos > 8)
crypos-=8;
}
}
var map = document.getElementById("map");
var ctx = map.getContext("2d");
var dt = 1000 / 30.0;
var caverunner = new Image();
caverunner.src = "caverunner.png";
caverunner.addEventListener("load", drawImage);
var crxpos = 1280 / 2 - 4;
var crypos = 720 / 2 - 4;
function drawImage(){
setInterval(update, dt);
}
function update(){
ctx.clearRect(0, 0, 1280, 720);
ctx.drawImage(caverunner, crxpos, crypos);
}
var-key=[]；
文件.添加的文件列表器（'keydown'，
职能（e）{
手动按键（e）；
});
onkeydown=onkeyup=功能（e）{
e=e | |事件；
map[e.keyCode]=e.type=='keydown'；
如果按下（键[65]）{/'a'
如果（crxpos>8）
crxpos-=8；
}
否则，如果按下（键[68]）{/'d'
如果（crxpos<1280-40）
crxpos+=8；
}
否则，如果按下（键[83]）{/'s'
如果（crypos<720-40）
crypos+=8；
}
否则，如果按下（键[87]）{/'w'
如果（crypos>8）
crypos-=8；
}
}
var map=document.getElementById（“map”）；
var ctx=map.getContext（“2d”）；
var dt=1000/30.0；
var caverunner=新图像（）；
caverunner.src=“caverunner.png”；
caverunner.addEventListener（“加载”，drawImage）；
var crxpos=1280/2-4；
var-crypos=720/2-4；
函数drawImage（）{
设置间隔（更新，dt）；
}
函数更新（）{
ctx.clearRect（0,01280720）；
ctx.drawImage（caverunner、crxpos、crypos）；
}
<!DOCTYPE html>
<html>
<style type="text/css" media="all"> @import "canvas.css"; </style>
<body>
<h1>Cave</h1>
<canvas id="map" width="1280" height="720" style="border:1px solid #000000;"></canvas>
<p> </p>
<script src="cave.js"> </script>
</body>
</html>
@导入“canvas.css”；
洞穴
onkeydown=onkeydup=function（e）{