jquery-emoji-picker 使用多文本区域

Question

我有多个文本区域，我会为任何具有相同 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

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

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

Answer 2

//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();
});