JavaScript 模拟键盘输入文本 - HTML 示例代码 - 常规

<!DOCTYPE html>
<html>
<body>
<input type="text" id="myInput">
<script>
// 获取输入框元素
var input = document.getElementById("myInput");

// 模拟键盘输入文本
function simulateKeyPress(text) {
  // 创建一个事件对象
  var event = new Event("keypress");
  
  // 设置事件的属性
  event.key = text;
  
  // 触发事件
  input.dispatchEvent(event);
}

// 监听键盘事件
input.addEventListener("keypress", function(event) {
  console.log("Key pressed: " + event.key);
});

// 模拟键盘输入文本
simulateKeyPress("Hello World");
</script>
</body>
</html>
在上面的示例中，我们首先获取了一个输入框元素，并定义了一个`simulateKeyPress`函数来模拟键盘输入。在函数中，我们创建了一个名为`keypress`的事件对象，并设置了事件的`key`属性为要输入的文本。然后，通过`dispatchEvent`方法来触发事件。
<p>接着，我们使用<code>addEventListener</code>方法来监听键盘事件，并在事件发生时输出按键的内容。</p>
<p>最后，我们调用<code>simulateKeyPress</code>函数来模拟输入文本&quot;Hello World&quot;。运行上述代码，你将在控制台中看到输出&quot;Key pressed: H&quot;。</p>