html代码模拟div输入文本 onchage

以下是一个使用HTML代码模拟div输入文本的示例：

<!DOCTYPE html>
<html>
<head>
  <title>Div输入文本</title>
  <script>
    function handleInputChange() {
      var inputText = document.getElementById("inputText").value;
      document.getElementById("outputText").innerText = inputText;
    }
  </script>
</head>
<body>
  <div>
    <input type="text" id="inputText" onchange="handleInputChange()" placeholder="在此输入文本">
  </div>
  <div>
    <p id="outputText"></p>
  </div>
</body>
</html>

在上面的示例中，我们使用一个<input>元素来接收用户的输入文本，并使用onchange事件来调用handleInputChange()函数。当用户在输入框中输入文本并且焦点离开输入框时，handleInputChange()函数会被触发。函数会获取输入文本的值，并将其赋值给另一个<p>元素的innerText属性，以实现将输入文本显示在<div>中的效果