按键正在干扰 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会检查在事件期间是否按下了空格键。您可以在此处检查任何密钥代码。