如何使用物理按键在屏幕上键入内容并模拟虚拟键盘(Javascript)

<input type="text" id="inputField">
<div id="virtualKeyboard">
  <button class="key">1</button>
  <button class="key">2</button>
  <button class="key">3</button>
  ...
</div>

// 获取输入框和虚拟键盘元素
var inputField = document.getElementById("inputField");
var keys = document.getElementsByClassName("key");

// 监听虚拟键盘按键的点击事件
for (var i = 0; i < keys.length; i++) {
  keys[i].addEventListener("click", function() {
    var keyContent = this.textContent;
    inputField.value += keyContent;
  });
}

// 监听物理按键的按下事件
document.addEventListener("keydown", function(event) {
  var keyContent = event.key;
  inputField.value += keyContent;
});