jquery-emoji-picker使用multi textarea

Question

我有多个textarea我会把表情符号用于任何textarea具有相同的id或类 它不适合我，第一个来吧

http://codepen.io/hesham-farag/pen/PWGNxB

    <textarea class="inputMessage " id="input-default" placeholder="emoji add" cols="30" rows="10"></textarea>

  <textarea class="inputMessage " id="input-default" placeholder="emoji add" cols="30" rows="10"></textarea>

触发js

 $(document).ready(function(e) {
      $('#input-default').emojiPicker();
});

Answer 1

//use seperate Ids
<textarea class="inputMessage " id="input-default1" placeholder="emoji add" cols="30" rows="10"></textarea>

   <textarea class="inputMessage " id="input-default2" placeholder="emoji add" cols="30" rows="10"></textarea>
  </form> 


   $(document).ready(function(e) {
      $('#input-default1,#input-default2').emojiPicker();
});

Answer 2

还有另一个表情符号选择器可以解决您的问题。只需包含js文件并遵循设置即可。 参见github页面-Emoji picker

new FgEmojiPicker({
   trigger: ['button', 'textarea'],
   position: ['bottom', 'right'],
   emit(obj, triggerElement) {
       const emoji = obj.emoji;
       document.querySelector('textarea').value += emoji;
   }
});