How do I disable space scrolling? I am making a canvas game (like agar.io) and I don't want the user to scroll down when he presses the space key, but I still want the canvas to recognize it as the user pressing space down. I am using p5.js as the canvas library.

How do I disable space scrolling? I am making a canvas game (like agar.io) and I don't want the user to scroll down when he presses the space key, but I still want the canvas to recognize it as the user pressing space down. I am using p5.js as the canvas library.

• javascript
• html
• input
• p5.js

• Possible duplicate of Pressing spacebar moves page down? – Liran H Commented Sep 27, 2016 at 17:36
• 3 @LiranH Please note that this is a p5.js question, which contains its own key event functions. The answer you linked is on the right track, but it doesn't really help in this specific case. – Kevin Workman Commented Sep 27, 2016 at 17:40
• Right you are, my apologies for flagging too quickly without more thought. – Liran H Commented Sep 30, 2016 at 13:56
• @Liran Well, now I am banned thanks to you... – Big Ben GamerGuyKSPMC Commented Sep 30, 2016 at 20:47

1 Answer 1

This is covered in the reference:

Browsers may have different default behaviors attached to various key events. To prevent any default behavior for this event, add "return false" to the end of the method.

In other words, you can simply return false from the keyPressed() function:

function setup() {
  createCanvas(500, 500);
}

function draw() {

}

function keyPressed(){
  text("here", random(width), random(height));
  return false;
}

This indicates that the page should not execute any default behavior. So you might only want to return false in the case of certain keys.

You also might want to add similar return false statements in the other mouse event functions to avoid the case where the user holds down the space key.