在 div JS 中显示来自 textarea 的文本

Question

如题，我想通过输入文字看看我在写什么

有我的代码：

function setLogo(txtLogo){
    //edit logo by textarea
    var myLogo = $("#title-logo");
    myLogo.text(txtLogo);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="txtLogo" onkeyup="setLogo(this)" value="Logo Text">
<h2 id="title-logo"></h2>

当我写的时候，我可以在 h2 中看到 [object HTMLInputElement]，但如果我什么都不写，我就什么也看不到。有什么想法吗？

Answer 1

您不必将对象 txtLogo 设置为文本，而是 value.

function setLogo(txtLogo){
    //edit logo by textarea
    var myLogo = $("#title-logo");
    myLogo.text(txtLogo.value);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="txtLogo" onkeyup="setLogo(this)" value="Logo Text">
<h2 id="title-logo"></h2>

Answer 2

在您的例子中，您传递的是一个元素。但是你需要传递这个元素的文本值。您可以通过两种方式解决这个问题。

将 value 参数添加到 txtLogo。应该是这样的：

myLogo.text(txtLogo.value);

或者您可以在 <input> 标签内的 onkeyup 事件中为 this 写入相同的参数。像这样：

onkeyup="setLogo(this.value)"

在 div JS 中显示来自 textarea 的文本

Show text from textarea in a div JS

html

jquery

onkeyup