JavaScript中的关键侦听器之间的区别

Question

我一直在阅读有关HTML5画布中游戏开发的文章，但通常都没有对它们进行优化。在阅读多篇文章的过程中，我发现了在javascript中使用关键监听器的不同方法。 我找到的第一个

window.addEventListener(
"keydown",
eventReaction,
false
);

第二个我找到了

document.onkeydown = function(e) {
//do stuff with this
};

它们之间有什么区别？哪一个是合适的使用或最快？我不想使用弃用的方法，我只想使用适合html5画布的方法...如果这是一个不好的问题请不要 - 请告诉我，我会删除它。< / p>

Answer 1

您在HTMLElement上直接指定侦听器的第二段代码 这并没有被弃用，但这不是可行的方法。

document.onkeydown = function(e) {
//do stuff with this
};

您为HTMLElement指定侦听器的第一部分。这样，您可以为操作指定多个事件 这绝对是要走的路。

window.addEventListener("keydown",eventReaction,false);

注意：现代浏览器支持addEventListener，IE＆gt; 8

PS：不存在错误的问题，只有不好的答案;）