Javascript 在textarea中键入时更改另一个div中的文本live

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

提前谢谢

HTML：

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

请参见以下内容：

---

看看这一点吧

在我写JSFIDLE的时候，似乎其他人已经击败了我。尽管我认为我的答案要好一点，因为它缓存jQuery对象以获得更快的响应，这对于实时键入之类的事情很重要

---

在我写JSFIDLE的时候，似乎其他人已经击败了我。尽管我认为我的答案要好一点，因为它缓存jQuery对象以获得更快的响应，这对于实时键入之类的事情很重要

---

到目前为止你试过什么？发布一些不起作用的代码，我们将尝试为您指出正确的方向。您的意思是说在键入时，文本区域中的文本显示在div中吗？到目前为止，您尝试了什么？发布一些不起作用的代码，我们将尝试为您指出正确的方向。您的意思是说在键入时文本区域中的文本显示在div中吗？非常感谢，非常感谢

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

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

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