帆布keydown事件

时间:2015-12-07 16:47:41

标签: events canvas key

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

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

是否像

一样简单
if (e.keyCode == 40) { *change background color code } 

我看到很多人在那里也有一些虚假的,真实的陈述,这让我失望。

1 个答案:

答案 0 :(得分:0)

是的,就这么简单。检查是否在监听器内按下了键以进行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