Javascript将事件“mousedown”替换为“spacebar”

Question

I have this little game in HTML with javascript and to play the game I need to click on mouse but I want to replace with spacebar.

var evt = "touchstart";
   if (width >= 500) {
      width  = 320;
      height = 480;
      canvas.style.border = "1px solid #000";
      evt = "mousedown";    
   }

How can I use spacebar as "mousedown"?

Thanks!

Answer 1

You have to change the event type to keydown , and check for the spacebars keycode which is 32.

Here is an example of what that would look like:

window.addEventListener('keydown', function(e) {
  if (e.keyCode == 32) {
    console.log('Spacebar pressed');
  }
});