addEventListener keydown 不起作用

我在互联网上找到了一些基本的 Pong 代码，并尝试添加按键，代码在这里：http://cssdeck.com/labs/ping-pong-game-tutorial-with-html5-canvas-and-sounds http://cssdeck.com/labs/ping-pong-game-tutorial-with-html5-canvas-and-sounds

我添加了这个：

canvas.addEventListener("keydown", handlekeydown, true);

在此现有代码之后：

canvas.addEventListener("mousemove", trackPosition, true);
canvas.addEventListener("mousedown", btnClick, true);

我还添加了这个：

function handlekeydown(e) {
  console.log("debug");
  console.log("keycode: "+e.keyCode);
}

但即使我尝试按各种键，该函数也永远不会被调用。为什么是这样？我很确定画布已对焦。

您不能分配keydown事件到画布，因为您无法使用光标将画布聚焦。您需要将事件分配给窗口：

window.addEventListener("keydown", handle, true);