addEventListener keydown不工作

Question

我在互联网上提供了一些基本的Pong代码并试图添加按键,代码在这里: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);
}

但即使我尝试按下各种键,也不会调用该函数.为什么是这样？我很确定Canvas是焦点.

Answer 1

您无法将keydown事件分配给画布,因为您无法使用光标聚焦画布.您需要将事件分配给窗口:

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

Answer 2

您可以尝试用窗口替换画布.