在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; });

}

這將在文本區域中的文本框文本之前。

這是小提琴演示