【问题标题】:Javascript disable space scrollingJavascript禁用空间滚动
【发布时间】:2016-09-27 17:30:58
【问题描述】:

如何禁用空间滚动?我正在制作一个画布游戏(如 agar.io),我不希望用户在按下空格键时向下滚动,但我仍然希望画布将其识别为用户按下空格键。我使用 p5.js 作为画布库。

【问题讨论】:

  • @LiranH 请注意这是一个p5.js 问题,其中包含自己的关键事件函数。您链接的答案在正确的轨道上,但在这种特定情况下并没有真正的帮助。
  • 是的,我很抱歉没有多加考虑就过早地标记。
  • @Liran 好吧,多亏了你,我现在被封号了……

标签: javascript html input p5.js


【解决方案1】:

这在the reference:

浏览器可能有不同的默认行为附加到各种关键事件。要防止此事件出现任何默认行为,请在方法末尾添加“return false”。

换句话说,你可以简单地从keyPressed()函数中得到return false

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

function draw() {

}

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

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

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

【讨论】:

  • 由于我使用的是实例模式,那么实例模式的按键功能是什么?
  • @BigBenGamerGuyKSPMC 我不确定我是否理解您的问题。无论您是否处于实例模式,这都是 keyPressed() 函数。另请注意我的最后一句话,指出您可能需要在多个功能中使用它。
  • 没关系,我想通了。我仍然是 p5 的菜鸟 :(...它的 p.keyPressed
  • @BigBenGamerGuyKSPMC 不用担心。实际上我自己对 p5.js 还是很陌生!
  • 我不熟悉p5.jsreturn false 的行为是否与 jQuery 类似,或者您是否需要在事件中使用显式的 preventDefault()
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2010-12-28
  • 2012-07-30
  • 1970-01-01
  • 1970-01-01
  • 2021-04-22
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多