html - text box with emoji property data-emojiable="true" on keypress not working -


my initial 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 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> 

i using emojji.js generating emoji in text box data-emojiable="true" property html after applying(emojiable="true") property on input type="text"

from favorite
web link
write note
pick file
photo gallery

with id of "readyforchat". problem jquery keypress event not working on id "readyforchat".please me how can achieve this. in advance.

please add code . chat_form claas of form , chat_box 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> 

Comments

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -