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 favoriteweb 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
Post a Comment