如何使用键盘事件调用绘图函数

Question

function keyDown(e) {
if (e.key == "ArrowDown" && truckY <= 300) {
    truckY += 50;
} else if (e.key == "ArrowUp" && truckY >= 50) {
    truckY -= 50;
} else if (e.key == "ArrowRight" && truckX <= 300) {
    truckX += 50;
} else if (e.key == "ArrowLeft" && truckX >= 50) {
    truckX -= 50;

} else if (e.key == " ") {
    let mineX = 110;
   let mineY = 110;
    drawMine(mineX, mineY);
} 

Answer 1

从这个问题上的几个标记来看，我们不清楚真正的上下文是什么，但我假设它是在浏览器中运行的JavaScript。是哪一个？

根据Félix在他的回答https://stackoverflow.com/A/6199224/232943中的说法，如果您在Internet Explorer9或Firefox<37中进行测试，可能必须满足以下条件：

e.key === ' ' || e.key === 'Spacebar'

为了确认发生了什么，我建议在调试器中设置一个断点（或使用console.log)来查看当您按下键盘上的空格键时生成的e.key值。