Pass emoji value to input

Asked Nov 23 '17 at 13:41

Active Nov 23 '17 at 13:42

Viewed 808 times

I have an emoji picker in my website. When I click on an emoji than I need to pass that value to input field. I tried passing like this:

document.getElementById('chat_input').value = "&#x2714;";

Bud when I do like this, it is showing as a simple string in input. I need it to display as an emoji. Please help me fix it.

edited Nov 23 '17 at 13:42

Rory McCrossan

asked Nov 23 '17 at 13:41

Goutham

you need to show an emoticon inside input type text ? – Muhammad Omer Aslam Nov 23 '17 at 13:43
1

Use an editable div perhaps? – Varun Nov 23 '17 at 13:43
yes editable div should be used for this approach rather than input elements – Muhammad Omer Aslam Nov 23 '17 at 13:43
Just a side note: You should probably use `+=` instead of `=` to append the Emoji – NullDev Nov 23 '17 at 13:43
Check out the link https://stackoverflow.com/questions/22312364/printing-emojis-with-javascript-and-html – Vijay Mishra Nov 23 '17 at 13:44
Thanks for your suggestions. Cant we do it with a input element. I need to implement it in a chat box. – Goutham Nov 24 '17 at 04:51

0 Answers0