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'));

}）;

Jquery点击附加功能聊天

1 个答案: