p5.js |输入（）函数

只要在元素上检测到用户输入，就会调用input()函数。它可用于检测击键或滑块值的变化。它还可以用于将事件侦听器附加到元素。

句法：

input(fxn)

参数：此函数接受如上所述和下文所述的单个参数。

• fxn：这是每当检测到输入时都会调用的回调函数。它可以传递'false'，这将阻止先前的触发函数停止触发。

下面的示例说明了 p5.js 中的input()函数：

例子：

function setup() {
  createCanvas(600, 300);
  textSize(28);
  fill("green")
  text("Write in the input box to change the text", 10, 20);
   
  // create input box
  let inputElem = createInput('');
  inputElem.input(onInput);
  inputElem.position(20, 40)
}
   
function onInput() {
  clear();
  text("Write in the input box to change the text", 10, 20);
   
  fill("green")
  strokeWeight(10)
  rect(0, 80, 600, 100)
   
  // get the text entered
  fill("black")
  text(this.value(), 20, 120)
}

输出：

在线编辑器： https://editor.p5js.org/
环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

参考： https://p5js.org/reference/#/p5/input