キー押しがcanv.onmousedown（）に干渉しています。

Question

キャンバスがクリックされたときとキーが押されたときの2つの異なるアクションを実行しようとしていますが、同時に両方を実行できないようです。関数が完全に無関係であっても、これを行う方法はありますか？

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

そして、キー入力のために...

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

Answer 1

それは単一の関数で行うことができます。キャンバスにclickイベントを聴いて、それに沿って進むかどうか、たとえばシフトが押されているかどうかを確認します。

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

これは、e.keyCodeのプロパティを持つ任意のボタンで実行できます。たとえば、e.keyCode === 32は、イベント中にスペースバーが押されたかどうかをチェックします。任意のkeyCode hereを確認できます。