Javascript 如何从表单中获取实时输入并打印？

我已经看到类似的问题得到了回答，但它们被打印到输入属性中，如图所示

document.getElementById（“field1”）.onkeyup=function（）{
document.getElementById（“field2”）.value=this.value；
}

---

但是我想打印成文本，用于电子邮件的实时演示。

您只需在div中显示文本字段内容即可

<input id="input" type="text"/>
<div id="output"></div>

<script>
   document.getElementById("output").innerHTML = document.getElementById("input").value;
</script>

document.getElementById（“输出”）.innerHTML=document.getElementById（“输入”）.value；

在这里，只需更改span的输入，更改innerHTML的“.value”

document.getElementById（“field1”）.onkeyup=function（）{
document.getElementById（“span”）.innerHTML=this.value；
}

您需要设置一个事件侦听器。”“更改”是您想要收听的事件：

---

“对于电子邮件的实时演示”？您是否可以进一步阐述“电子邮件演示”的含义？您是否希望将输入呈现到电子邮件模板中，例如预览最终电子邮件在可能发送之前的外观？但他希望将值复制到文本中，而不是复制到电子邮件模板中input@Mat阿斯罗德里格斯我有点不清楚这意味着什么。“复制”到剪贴板中？或者让文本出现在a？中？我认为是第二种选择。你所做的他已经知道怎么做了（见他分享的链接）@MatíasRodríguez这个答案和你的答案完全一样——将文本从输入复制到div/span。我的错，这是错误的true@Mat是的，没错。从发布的代码中，我假设OP已经知道如何注册一个侦听器，以便在他想要的任何事件上运行此代码。

<input id="input" type="text"/>
<div id="output"></div>

<script>
   document.getElementById("output").innerHTML = document.getElementById("input").value;
</script>

<input type="text" id="field1">
<span id="span"></span>
<script>
    document.getElementById("field1").onkeyup = function() {
        document.getElementById("span").innerHTML= this.value; 
    }
</script>

document.getElementById("field1").addEventListener('change', ({target: {value}}) => {
  document.getElementById("some-element").innerHTML = value; 
});