js: 监听键盘按键事件KeyboardEvent

<div id="text"></div>
<script>
  function eventHandler(event) {
    console.log(event);
    let data = {
      code: event.code,
      key: event.key,
      keyCode: event.keyCode,
      altKey: event.altKey,
      shiftKey: event.shiftKey,
      ctrlKey: event.ctrlKey,
      metaKey: event.metaKey,
    };
    let list = [];
    for (let [key, value] of Object.entries(data)) {
      list.push(`<li>${key}: ${value}</li>`);
    }
    document.querySelector("#text").innerHTML = list.join("");
  }
  document.addEventListener("keydown", this.eventHandler.bind(this));
</script>