jQuery不將文本附加到texarea

Question

我正在使用笑臉和uikit為德克薩斯州制作表情符號插入物。

的HTML：

<textarea class="smiley-input uk-width-1-1"></textarea>
  <button type="button" class="smiley-button uk-float-right">
    &#128513
  </button>
  <div class="smiley-picker hidden uk-float-right"></div>

javascript：

$(".smiley-button").click(function() {
  if ($(".smiley-picker").hasClass("hidden")) {
    $(".smiley-picker").fadeIn("fast");
    $(".smiley-picker").toggleClass("hidden");
  } else {
    $(".smiley-picker").fadeOut("fast");
    $(".smiley-picker").toggleClass("hidden");
  }
});
for (i = 128512; i < 128576; i++) {
    $(".smiley-picker").append("<button type='button' class='smiley'>&#"+i+"</button>");
}
for (i = 128581; i < 128591; i++) {
    $(".smiley-picker").append("<button type='button' class='smiley'>&#"+i+"</button>");
}
$(document).ready(function() {
    $(document).on("click",".smiley",function(){
    $(".smiley-input").val($('.smiley-input').val()+$(this).text());
  });
});

由於某種原因，它不會在textarea添加圖釋。 更新：
必須在smiley按鈕中添加value='&#"+i+"' 。

Answer 1

您的代碼是正確的，並且可以在小提琴中正常工作（請看下面的小提琴）

Answer 2

看起來Firefox的工作方式與jQuery的 Edge和IE Retrieve Button值不同，我必須在按鈕中添加value='&#"+i+"' ，使其看起來像這樣：

for (i = 128512; i < 128576; i++) {
  $(".smiley-picker").append("<button type='button' value='&#"+i+"' class='smiley'>&#" + i + "</button>");
}
for (i = 128581; i < 128591; i++) {
  $(".smiley-picker").append("<button type='button' value='&#"+i+"' class='smiley'>&#" + i + "</button>");
}