当按下某个键时,如何更改背景?

您需要绑定 键盘按下 事件,该函数将根据按下的 键代码 :

window.addEventListener('keydown', event => {
  switch (event.keyCode) {
      case 49: // 1
        setBackgroundColor('red');
        break;
      case 50: // 2
        setBackgroundColor('green');
        break;
      case 51: // 3
        setBackgroundColor('blue');
        break;
      case 52: // 4
        setBackgroundColor('yellow');
        break;
      case 53: // 5
        setBackgroundColor('black');
        break;
      case 54: // 6
        setBackgroundColor('white');
        break;
      case 55: // 7
        setBackgroundColor('purple');
        break;
      case 56: // 8
        setBackgroundColor('#333');
  }
});

function setBackgroundColor(color) {
    document
      .querySelector('body')
      .style
      .backgroundColor = color;
}

以下是一个工作示例: https://codepen.io/anon/pen/zpMEyQ

关键代码参考表: https://css-tricks.com/snippets/javascript/javascript-keycodes/

当你这样做的时候 e.keyCode == someValue 诸如此类,您可以更改图像源,然后:

// Number
if (event.keyCode == 49) {
      $("#id").css("background-color", "green");
}

数字的ASCII值为48到57。可以为所有数字编写类似的if条件