Javascript “之后”；按键；在textarea上，无法使用onclick事件填充值

我有textarea，在textarea中输入的值应该显示在文本框中。这是我使用textarea上的“keypress”事件完成的。这个很好用。 现在，当我试图通过单击div（一些文本内容）来填充textarea时，这不起作用

但是在“按键”事件之前，我能够成功地填充文本区域

HTML:

链接：

无法理解这里发生了什么

---

谢谢

您需要使用

val

---

您需要使用一些文本设置文本区域的值。所以，我们习惯这样做。不设置textarea的值。它可以应用于div、p等标记，而不是输入元素

$("#txtMessage").val("div clicked");

---

将html更改为val

 $(document).ready(function () {

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

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

---

试试这个，它适用于所有经过测试的事件；p

  function update(){
    $("#txtDisplayMessage").val($("#txtMessage").val());
  };
  $('#txtMessage').keydown(function(e) {
    update();
  }).focusout(function(){
    update();
  }).bind('input propertychange', function() {
    update();
  });

$("#txtMessage").val("div clicked");

 $(document).ready(function () {

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

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

  function update(){
    $("#txtDisplayMessage").val($("#txtMessage").val());
  };
  $('#txtMessage').keydown(function(e) {
    update();
  }).focusout(function(){
    update();
  }).bind('input propertychange', function() {
    update();
  });