检测javascript中按键的最简单方法

Question

我有一个使用javascript进行游戏的想法（我将使用EaselJS进行开发），并且我将不得不检测按键。在互联网上四处浏览后，我看到了很多建议（使用window.onkeypress，使用jQuery等），但是几乎每个选项都有一个反对意见。你们有什么建议？使用jQuery听起来很容易，但是我实际上对该库没有任何经验（而且我也不是JavaScript的资深人士），所以我宁愿避免使用它。如果jQuery是最好的选择，那么有人可以举一个很好的例子（说明会很棒）吗？我猜这被问了很多，但是我找不到任何明确的答案。提前致谢！

Answer 1

KEYPRESS 

（输入键）

香草：

document.addEventListener("keypress", function(event) {

    if (event.keyCode == 13) {

        alert('hi.')

    }

})

香草速记：

this.addEventListener('keypress', event => {

    if (event.keyCode == 13) {

        alert('hi.')

    }

})

jQuery的：

$(this).on('keypress', function(event) {

    if (event.keyCode == 13) {

        alert('hi.')

    }

})

jQuery经典：

$(this).keypress(function(event) {

    if (event.keyCode == 13) {

        alert('hi.')

    }

})

jQuery简写：

$(this).keypress((e) => {

    if (e.which == 13) {

        alert('hi.')

    }

})

甚至更短：

$(this).keypress(e=>

    e.which==13?

    alert('hi.'):null

)

Answer 2

使用event.key和现代的JS！

没有数字代码了。您可以使用"Enter"，"ArrowLeft"，"r"，或任意键名称直接，使你的代码更具可读性。

document.addEventListener("keypress", function onEvent(event) {

    if (event.key === "ArrowLeft") {

        // Move Left

    }

    else if (event.key === "Enter") {

        // Open Menu...

    }

});