如何在 HTML5 中定义键盘输入？

在 HTML5 中，我们可以使用 onkeydown、onkeyup 和 onkeypress 三个事件来定义键盘输入。

onkeydown 事件

该事件在按下键盘上的任意键时触发，但在持续按下时不断触发。可以使用 event.keyCode 属性来确定按下的是哪个键。

document.addEventListener('keydown', function(event) {
  console.log(event.keyCode);
});

onkeyup 事件

该事件在释放键盘上的任何键时触发。同样可以使用 event.keyCode 属性来确定释放的是哪个键。

document.addEventListener('keyup', function(event) {
  console.log(event.keyCode);
});

onkeypress 事件

该事件在按下键盘上的字符键时触发，并在持续按下时不断触发。可以使用 event.charCode 或者 event.which 属性来确定按下的字符是哪一个。

document.addEventListener('keypress', function(event) {
  console.log(event.charCode);
});

以上就是在 HTML5 中定义键盘输入的方法，使用这些事件，我们可以轻松地实现各种复杂的键盘交互效果。