Javascript 禁用 space 滚动

Question

如何禁用 space 滚动？我正在制作一个 canvas 游戏（比如 agar.io），我不希望用户在按下 space 键时向下滚动，但我仍然想要 canvas将其识别为用户按下 space。我正在使用 p5.js 作为 canvas 库。

Answer 1

这在 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.

换句话说，您可以简单地从 keyPressed() 函数中 return false：

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

function draw() {

}

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

这表示页面应该不执行任何默认行为。因此，对于某些键，您可能只想 return false。

您可能还想在其他鼠标事件函数中添加类似的 return false 语句，以避免用户按住 space 键的情况。

Javascript 禁用 space 滚动

Javascript disable space scrolling

html

javascript

input

p5.js