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

【问题标题】：how to use a keyboard event to call a draw function如何使用键盘事件调用绘图函数
【发布时间】：2021-07-04 23:01:49
【问题描述】：

我正在练习键盘事件，前四个键可以正常工作，但无法在空格选项卡上正常工作。它需要做的是在给定坐标处调用 drawMine 函数。我错过了什么？请看下面的代码：

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);
}

【问题讨论】：

这能回答你的问题吗？ Java KeyPressed - Can't Detect If Spacebar is Being Pressed If Other Keys Are Too

标签： events keyboard

【解决方案1】：

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

根据 Félix 在他的回答 https://stackoverflow.com/a/6199224/232943 中，如果您在 Internet Explorer 9 或 Firefox

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

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

【讨论】：