javascript - 当您输入 textarea 时，在另一个 div 中更改文本

Question

我的文本区域有问题。当您输入文本区域时，我尝试了很多方法来使 div 中的文本发生变化（实时）。因此，例如，您有一个 textarea，以及一个与 textarea 无关的完全不同的 div。关键是，是否可以实时更改文本，如果可以，从哪里开始？

提前致谢！

Answer 1

在我写 jsfiddle 的时间里，看起来其他人已经打败了我的答案。虽然我认为我的答案要好一些，因为它缓存了 jQuery 对象以获得更快的响应，这对于实时输入等事情很重要。 http://jsfiddle.net/nrVM8/

$(function() {
    $source=$("#source");
    $output=$("#output");
    $source.keyup(function() {
       $output.text($source.val());
    });
});

Answer 2

$("#mytextarea").keyup(function() {
    $("#mydiv").html($("#mytextarea").val());
});

Answer 3

HTML：

<textarea id="input">
</textarea>
<div id="preview">

JS：

$("#input").keyup(function() {
    $("#preview").text(this.value);
});

在此处查看此操作