在jQuery中将输入值添加到textarea

Question

我正在尝试编写一个脚本，该脚本实时将文本输入的内容添加到文本区域

这是我目前拥有的：

<textarea rows="4" id="tweet-text" name="tweet-text"></textarea>
<input id="prepend" name="prepend" type="text">

jQuery的：

function appendTweet()
{
    var tweet = $("#tweet-text").val();
    $('#prepend').bind('keyup keypress', function() { 
        $('#tweet-text')[0].value = tweet + $(this)[0].value;
    });
}

jQuery(document).ready(function($)
{
    appendTweet();
    $('#prepend').keyup(appendTweet);
});

目前，我的输入是前一个字符串加上新的字符串，因此如果输入hello，我会得到

H

he

hel

赫尔

你好

我知道为什么会发生这种情况，但找不到解决方案。

编辑

为了澄清，我正在寻找以下结果：

1. 我在#prepend输入“ test”。 #tweet-text现在显示“测试”。
2. 我在#tweet-text.输入“ test2” #tweet-text. ＃tweet-text`现在说'test test2'。
3. 我修改#prepend ，使其现在显示为'test3'。 #tweet-text现在显示“ test3 test2”。

Answer 1

尝试这个：

jQuery(document).ready(function($) {
     $('#prepend').onkeydown(function() { 
     var tweet = $("#tweet-text").val();
     $('#prepend').val(tweet);
});
});

Answer 2

这样做：

function appendTweet()
{
    var tweet = $("#prepend").val();
    $('#tweet-text').val(function(index, old) { return tweet + old; });

}

这将在文本区域中的文本框文本之前。

这是小提琴演示