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

Question

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

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

对于按键...

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

Answer 1

可以用单个函数来完成。监听 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 .