Canvas keydown事件

Question

我对canvas和随机函数的实验还是个新手。我已经获得了mouseClick事件，现在我正在尝试实现一个keydown事件来做一些简单的事情，比如改变背景颜色。

我看了很多keyDown事件的例子，我对它的结构有点困惑。

是不是像这样简单？

if (e.keyCode == 40) { *change background color code } 

我看到很多人也有一些虚假的、真实的陈述，这让我大吃一惊。

Answer 1

是的，就是这么简单。检查是否在keydown事件的监听程序内部按下了键：

window.addEventListener('keydown', function (event) {
    if (event.keyCode === 40) {
        *change background*
    }
});

替代方案：

var keys = [];
window.addEventListener('keydown', function (event) {
    keys[event.keyCode] = true;
    if (keys[40] === true) {
        *change background color*
    }
});
window.addEventListener('keyup', function (event) {
    keys[event.keyCode] = false;
});

(可能是前面提到的正确/错误的陈述)

JSFiddle：#1，#2。