Keypress干扰了canv.onmousedown（）;

Question

当单击画布并按下某个键时，我尝试执行两个不同的操作，但似乎两个操作无法同时完成。即使功能完全不相关，有没有办法做到这一点？

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

对于按键......

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

Answer 1

可以使用单一功能完成。在画布上监听click事件并检查它是否伴随，例如按下shift。

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

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