我试图在我的小画布游戏中将“ keydown”用作getEventListener。我只是想通过keydown移动对象。
<script>
var tuval = document.getElementById("tuval");
var cizim = tuval.getContext("2d");
tuval.addEventListener('keydown',keypress);
function keypress(e){
if (e.keyCode === 37){
dx = dx * -1;}
}
var en = tuval.width;
var boy = tuval.height;
var x = en/2;
var y = boy/2;
var dx = 2;
var dy = 4;
function ziplayantop() {
temizle();
cizim.beginPath();
cizim.arc(x,y,10,0,2*Math.PI);
cizim.closePath();
cizim.fillStyle="#ff0000";
x = x + dx;
y = y + dy;
cizim.fill();
if (x>en-5||x < 0 ) {
dx = -1 * dx;
}
if (y>boy-5||y < 0) {
dy = -1 * dy;
}
if (tiklama) {
dx = -1 * dx;
dy = -1 * dy;
}
}
function temizle(){
cizim.beginPath();
cizim.fillStyle="#ffffff";
cizim.fillRect(0,0,tuval.width,tuval.height);
cizim.closePath();
cizim.fill();
}
setInterval(ziplayantop,50);
</script>
当我以这种方式用“ clik”替换“ keydown”时,它起作用;
tuval.addEventListener('click',keypress);
function keypress(){
dx = dx * -1;
}
您能帮我吗?谢谢
被告知您无法将keydow
直接绑定到画布。.而是将其绑定到整个window
window.addEventListener("keydown", function, false);