js 自定义键盘事件

JavaScript 提供了多种自定义键盘事件，这里列举几种常用的：

keydown 事件

当用户按下任意键时触发该事件，可以通过 event.keyCode 属性获取按下的键的 ASCII 码值。

示例代码：

document.addEventListener('keydown', function(event) {
  console.log('按下的键的 ASCII 码值为：' + event.keyCode);
});

keyup 事件

当用户释放按下的键时触发该事件，可以通过 event.keyCode 属性获取释放的键的 ASCII 码值。

示例代码：

document.addEventListener('keyup', function(event) {
  console.log('释放的键的 ASCII 码值为：' + event.keyCode);
});

keypress 事件

当用户按下并释放一个字符键时触发该事件，可以通过 event.keyCode 属性获取按下的键的 ASCII 码值。

示例代码：

document.addEventListener('keypress', function(event) {
  console.log('按下的字符键的 ASCII 码值为：' + event.keyCode);
});

input 事件

当用户输入文本时触发该事件，可以通过 event.target.value 属性获取输入框中的文本。

示例代码：

<input type="text" id="myInput">
<script>
  document.getElementById('myInput').addEventListener('input', function(event) {
    console.log('输入框中的文本为：' + event.target.value);
  });
</script>

compositionstart、compositionupdate 和 compositionend 事件

当用户输入中文时，会触发这三个事件。compositionstart 事件表示开始输入中文，compositionupdate 事件表示正在输入中文，compositionend 事件表示输入中文结束。

示例代码：

var input = document.getElementById('myInput');
input.addEventListener('compositionstart', function(event) {
  console.log('开始输入中文');
});
input.addEventListener('compositionupdate', function(event) {
  console.log('正在输入中文');
});
input.addEventListener('compositionend', function(event) {
  console.log('输入中文结束');
});

以上是常用的自定义键盘事件，可以根据实际需求进行选择。