javascript - 按键干扰 canv.onmousedown();

标签 javascript html5-canvas

我试图在单击 Canvas 时和按下某个键时执行两种不同的操作,但似乎两者不能同时完成。即使功能完全不相关,有没有办法做到这一点?

canv.onmousedown = function() {
console.log("Hello World");
};

对于按键...

if(rightPressed && heroX < canvas.width) {
        heroX += heroSpeed;
}

最佳答案

可以用单个函数来完成。监听 Canvas 上的 click 事件并检查它是否伴随,例如按下 Shift 。

    function(e) {
      if(!e.shiftKey) return; //it will do nothing unless shift key was pressed
    }

您可以对具有 e.keyCode 属性的任何按钮执行此操作。例如,e.keyCode === 32 将检查事件期间是否按下了空格键。您可以查看任意 key 代码here .

关于javascript - 按键干扰 canv.onmousedown();,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44861717/

相关文章:

javascript - 获取 <li> 但仅查找选定的内容,然后迭代下一个 <li> 等等

javascript - 使用 mathjax 或类似工具将 Latex/MathML 转换为 SVG 或图像?

html5-canvas - Canvas 上的 drawImage() 使颜色饱和并弄乱 alpha

javascript - 在 Canvas 上渲染同心六 Angular 形

javascript - 在 Fabricjs 中的组的情况下,在调整大小时无法保持 strokeWidth 的厚度

javascript - fullcalendar addEventSource 未将事件数组添加到日历

javascript - 如何在客户端不弹出打印对话框的情况下打印收据

javascript - 触发自动重复 Javascript keydown 事件

jquery - 输入验证 - 样式

javascript - 如何将 onClick 事件处理程序添加到 Canvas 元素 (arc)?