【基础知识】HTML5 Canvas键盘事件

我的处女作《Canvas系列教程》在我的Github上正在连载更新，希望能得到您的关注和支持，让我有更多的动力进行创作。

教程介绍、教程目录等能在README里查阅。

传送门：https://github.com/827652549/CanvasStudy

注意

在浏览器窗口按下某个按键时，浏览器会生成键盘事件。这些事件发生在当前拥有焦点的HTML元素上，如果没有元素拥有焦点，那么事件将会上移至windows和document对象。

键盘事件

一共有三种键盘事件

• keydown
• keypress
• keyup

由于需要使用windows来进行事件监听，所以代码如下

window.addEventListener('keydown', doKeyDown,true);

其他键盘事件类似。