我無法設置Textarea爲空

Question

我正在使用表情符號。設置爲空後，我只想在textarea上設置值。但它不起作用。 我的代碼是在這裏，

$('.tooltiptext .emoticon').click(function() { 
     $in = $(this); 
     console.log($in); 
     setTimeout(function() { 
      var dataText = $("#text").val(); 
      $('#text').append(dataText + $.emoticons.replace($in.html())); 
      var dataCode = $in.context.innerText; 
      console.log(dataCode); 
      var dataTextArea = $("textarea").val(); 
      console.log(dataTextArea + dataCode); 
      //$('#textarea').html(''); 
      $('#textarea').empty();// it not working 
      console.log($('#textarea').val()); 
      $('#textarea').append(dataTextArea + dataCode + ' '); 

     }, 100); 

    }); 

    $('textarea').on('keypress', function(e) { 

     if (e.which == 32 || e.which == 8) { 
      $in = $(this); 
      setTimeout(function() { 
       $("#text").html($.emoticons.replace($in.val())); 
      }, 100); 
     } 

    }); 

Answer 1

使用val()，不text()，html()或empty()，以清除textarea的價值：

$('#textarea').val(''); 

同樣的，用它來設置的值，而不是append()：

$('#textarea').val(dataTextArea + dataCode + ' '); 

您的也是如此元素 - 假設它是input或textarea。您的代碼的簡化版本會是這樣的：

$('.tooltiptext .emoticon').click(function() { 
    $in = $(this); 

    setTimeout(function() { 
     $('#text').val(function(i, v) { 
      return v + $.emoticons.replace($in.html()); 
     }); 

     $('#textarea').val(function(i, v) { 
      return v + $in.context.innerText + ' '; 
     }); 
    }, 100); 
});