html - 带有表情符号属性数据表情符号的文本框 ="true"按键不起作用

Question

我的初始 HTML

<div class="p-10 p-chat-box">
<div class="input-group">
  <span  class="input-group-addon">
   <img src="assets/images/emojis/1f603.png" class="letter-icon">
  </span>
  <p class="lead emoji-picker-container"><input id="readyforchat" data-emojiable="true" type="text" class="form-control" placeholder="Add a message ..."></p>
  </span>' + attachMentList + '<span style="cursor:pointer;" onclick=NewsWidget.startchat(event) class="input-group-addon">
  <i class="icon-arrow-right6"></i>
  </span>
</div>
</div>

我正在使用 emojji.js 在具有 data-emojiable="true"属性的文本框中生成表情符号 html 将在应用(emojiable="true")输入 type="text"上的此属性后看起来像

来自收藏夹
网页链接
写笔记
选择文件
图库中的照片

id 为“readyforchat”。但我的问题是 jQuery 按键事件不适用于此 ID“readyforchat”。请帮助我如何实现此目的。 提前致谢。

Answer 1

Please Add this code .
chat_form is claas of your form and chat_box is your chat input field class.

<script type="text/javascript">
$('.comment_reply_form').on('keydown', '.chat_box', function (e)
{
var key = e.which;
switch (key) {
case 13: // enter
//your code here
break;
default:
break;
}
});
</script>