P5.js | 键盘键码

介绍

键盘键码（key codes）是计算机将某个按键映射（map）为数字的方式。在P5.js中，提供了许多可以用来检测按下的键以及返回键码的函数。

键盘事件

要检测按下的键并执行相关操作，可以使用键盘事件（keyboard events）。在P5.js，常用的键盘事件有keyPressed()和keyReleased()。这两个函数都不需要任何参数。

function keyPressed() {
  // 按下某个键时执行的代码
}

function keyReleased() {
  // 松开某个键时执行的代码
}

在这两个函数中，还可以使用keyCode属性来返回按下或松开的键的键码。键码是一个整数，表示特定按键的ASCII值或Function按键的映射值。

function keyPressed() {
  if (keyCode === LEFT_ARROW) {
    // 按下左箭头时执行的代码
  } else if (keyCode === RIGHT_ARROW) {
    // 按下右箭头时执行的代码
  }
}

常用键码

以下是常用键盘键码的列表：

| 键名 | 键码 | | --- | --- | | BACKSPACE | 8 | | TAB | 9 | | ENTER | 13 | | SHIFT | 16 | | CONTROL | 17 | | ALT | 18 | | CAPS_LOCK | 20 | | ESCAPE | 27 | | SPACE | 32 | | LEFT_ARROW | 37 | | UP_ARROW | 38 | | RIGHT_ARROW | 39 | | DOWN_ARROW | 40 | | DELETE | 46 | | 0 | 48 | | 1 | 49 | | 2 | 50 | | ... | ... | | A | 65 | | B | 66 | | C | 67 | | ... | ... | | Z | 90 | | F1 | 112 | | F2 | 113 | | F3 | 114 | | ... | ... | | F12 | 123 |

示例

以下示例演示了如何通过键盘事件和键码检测按下的键并执行相关操作。

function setup() {
  createCanvas(400, 400);
  textSize(32);
  textAlign(CENTER, CENTER);
}

function draw() {
  background(220);
  text('Press any key and see what happens', width / 2, height / 2);
}

function keyPressed() {
  if (key === 'a') {
    text('You pressed a!', width / 2, height / 2 + 50);
  } else if (keyCode === ENTER) {
    text('You pressed Enter!', width / 2, height / 2 + 50);
  } else if (keyCode === SHIFT) {
    text('You pressed Shift!', width / 2, height / 2 + 50);
  }
}

参考

• P5.js - Keyboard