代码之家 › 专栏 › 技术社区 › Juho Vepsäläinen

在HTML5画布上绘制时如何检查键盘状态?

canvas html5 javascript-events javascript

0

Juho Vepsäläinen · 技术社区 · 16 年前

this article 通过Opera很好的描述了如何建立一个简单的应用程序。

我想扩展它,以便用户可以设置一个消失点(1点透视),可以用来约束绘画。为此,我需要找出一种方法来定义一些修改键来限制结果(即约束映射为(key=>轴)a=>x、 s=>y、 d=>z) 是的。

有什么方法可以检查用户在处理“mousedown”事件时按下了哪个键?

1 回复 | 直到 6 年前

1

3

markcial 16 年前

AFAIK只有在文档有焦点时它才会工作。

您应该为按键事件的主体添加一个侦听器,当它触发时,您将其存储在一个变量中,然后在用户触发按键释放时清空它,示例如下:

document.body.onkeydown=function(evt){evt=evt?evt:window.event;console.log(evt)};
document.body.onkeyup=function(evt){evt=evt?evt:window.event;console.log(evt)};

那么您只需要识别evt.keyCode并使用它进行操作。

shortcut.js 我也是。