javascript - テキストエリアで「キーを押した」後、onclickイベントを使用して値を入力できません

Question

私はテキストエリアを持っています。テキストエリアに入力された値はテキストボックスに表示されるべきです。これは、テキストエリアで「keypress」イベントを使用して行いました。これはうまくいきます。div (一部のテキスト コンテンツ) をクリックして textarea を埋めようとすると、これは機能しません。

しかし、「キープレス」イベントの前に、テキストエリアを正常に埋めることができます。

HTML:

<div id="dvfilltextarea" style="cursor: pointer;">Click here and check</div>
<br/>
<input type="text" name="txtvalue" id="txtDisplayMessage">
<br/>
<textarea id="txtMessage" rows="5" cols="20"></textarea>

JavaScript:

$(document).ready(function () {
$("#txtMessage").bind("keypress", function (e) {
    if (e.which == 13) {
        $("#txtDisplayMessage").val($("#txtMessage").val());
        $("#txtMessage").val("");
    }
});

$("#dvfilltextarea").click(function() {
    $("#txtMessage").html("div clicked");
});});

リンク： http: //jsfiddle.net/6VkfD/1/

ここで何が起こっているのか理解できません。

ありがとう！