jquery點擊追加功能聊天

Question

我正在寫一個聊天表情圖標的點擊功能。當我點擊它時，它會被附加到我的textarea。從textarea我想把它發送到聊天。

了jQuery我寫的東西：

$(".emoticon i").click(function() { 
    var e = $(this); 
    // $(".message").append ($(this).data('emoticon')); 
    console.log($(this).data('emoticon')); 
    $("#message").append() .attr(value('emoticon i')); 

}）;

<div class="emoji hidden"> 
<div class="emoticon-box"> 
<div class="emoticons"> 
    <div class="emoticon"> 

     <div class="row"> 
     <i class="em em-smiley"></i> 
     <i class="em em-smile"></i> 
     <i class="em em-blush"></i> 
     <i class="em em-relieved"></i> 
     <i class="em em-kissing_closed_eyes"></i> 
     <i class="em em-neutral_face"></i> 
     <i class="em em-sleeping"></i> 
     <i class="em em-flushed"></i> 
     </div>`enter code here` 

我的texarea的Html。

<input id="message" type="text" placeholder="Type your message"></input> 

Answer 1

我沒有完全理解你的問題。但我想你想在textarea中的文本後添加表情。如果是這種情況，請嘗試以下代碼：

$(".emoticon i").click(function() { 
var e = $(this); 
var emoticon = $(this).data('emoticon'); 
var text = $(".message").text(); 
var new_message = text+emoticon; 
    console.log($(this).data('emoticon')); 

}）;