JavaScript Unicode Input Text Box
Question
I'm trying to use JavaScript to set the value of an Input Text Box to this Emoji >> 🤔
But it didn't work as I expect it to.
I've tried several different format to express the Unicode but none of it works.
I've included the snippet that I've tried.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <script> var myTextBox = document.createElement("input"); document.body.appendChild( myTextBox ); myTextBox.value = "🤔"; // None of below will work: // \ᾑ4 // \\xF0\\x9F\\xA4\\x94 // 🤔 </script> <p> 🤔 </p> </body> </html>
Any idea on how to do this properly?
1 answers
solution1
2 ACCPTED 2018-08-27 14:21:14
You need to convert it into a surrogate pair: "\?\?"
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <script> var myTextBox = document.createElement("input"); document.body.appendChild( myTextBox ); myTextBox.value = "\?\?"; </script> <p> 🤔 </p> </body> </html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
A unicode to character converter with text input and javascript
Input Text Box Returns Undefined in Javascript
JavaScript clear text box input not functioning properly
Javascript value not working with input text box
JavaScript input text box adding plus number
how to delete input text box from javascript
How to set color of text in Input Box javascript?
Javascript - filtering data with text input box
Update Text in input box using Javascript
Javascript hide HTML text if input box is not filled
Related Tags