画布按键事件

【问题标题】：Canvas keydown events画布按键事件
【发布时间】：2015-12-07 16:47:41
【问题描述】：

我对画布还很陌生，并且正在尝试随机函数。我得到了 mouseClick 事件，现在我正在尝试实现一个 keydown 事件来做一些简单的事情，比如改变背景颜色。

我正在查看很多 keyDown 事件示例，对结构化事件有点困惑。

就这么简单

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

我看到很多人在那里也有一些虚假、真实的陈述，这让我很反感。

【问题讨论】：

标签： events canvas key

【解决方案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;
});

（可能是前面提到的真/假陈述 OP）

JSFiddle：#1，#2。

【讨论】：