如何在更改时动态显示文本区域的值? [关闭]

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在更改时动态显示文本区域的值? [关闭]相关的知识,希望对你有一定的参考价值。

我有看起来像这样的html代码:

<textarea id="MyId"></textarea> <div id="myDiv"></div>

我想在文本区域下方动态显示内容。就像在堆栈溢出中键入问题时一样。

我尝试过:

function Func() document.getElementByID("MyDiv").innerHTML = document.getElementByID("MyId").innerHTML

但是没用。    
答案
尝试一下。为input事件附加一个侦听器,并在其中使用innerText正确处理换行符,并使用.value获取文本。您也输入了错字:getElementById有小写的d

const textarea = document.getElementById("myId"), div = document.getElementById("myDiv"); textarea.addEventListener("input", ev => div.innerText = textarea.value; );
<textarea id="myId"></textarea>
<div id="myDiv"></div>
另一答案
这有效!谢谢@特里

const input = document.getElementById('MyId'); const log = document.getElementById('MyDiv'); function updateValue(e) log.textContent = e.target.value; input.addEventListener('input', updateValue);

以上是关于如何在更改时动态显示文本区域的值? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

单击时在 Java 中添加类似动态文本区域的对象

如何让突变观察者检测文本区域的值变化?

如何更改可调整大小的文本区域的光标?

在下拉选择中更改文本区域的值

如果focusout,我必须调用一个api,用于保存输入文本区域的多个动态字段集

关闭弹出模式时如何重置文本区域的大小?