Events 画布键控事件

Events 画布键控事件,events,canvas,key,Events,Canvas,Key,我对画布和随机函数的实验相当陌生。我得到了mouseClick事件,现在我正在尝试实现一个keydown事件来做一些简单的事情,比如改变背景颜色 我看了很多keyDown事件示例,对结构化事件有点困惑 有这么简单吗 if (e.keyCode == 40) { *change background color code } 我看到很多人也有一些虚假、真实的陈述,这让我很反感。是的,就是这么简单。检查按键是否在keydown事件的侦听器内按下: window.addEventListener(

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

我看了很多keyDown事件示例,对结构化事件有点困惑

有这么简单吗

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

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

是的,就是这么简单。检查按键是否在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: