在文本框中输入和DIsplay表情
在文本框中输入和DIsplay表情
提问于 2018-07-11 04:37:51
如何让HTML页面中的文本框接受表情符号？基本上，我想将emoji显示为我的WiFi的SSID。我尝试使用表情符号作为我的Wifi显示名称(SSIS)，但它不接受。这是一个HUWAEI路由器，我使用192.168.1.1连接到它。之后，我得到管理页面，以更改SSID名称，然后广播。使用Chrome开发工具，我可以看到CSS、HTML、JS和JQuery脚本。不幸的是，我对超文本标记语言，JS，JQuery等知识知之甚少。有谁能帮忙吗？我使用的是Chrome (v67.xx)。我找到了文本框的编码部分：
<td><input type="text" class="input_style Arabic_dialupNumber" id="ssid_wifiName" maxlength="32" /></td>如果需要更多信息，请让我知道。提前谢谢。
回答 1
Stack Overflow用户
发布于 2018-07-11 08:37:56
我不确定你能不能有一个带有表情符号的TextField。我知道的一种方法是使用一个启用了contenteditable的div，并使用一个自定义的JS脚本来解析用户输入。检查下面的代码片段。
document.getElementById("emoji").addEventListener('keyup', function(evt) {
//wait for user to input semi colon
if (evt.keyCode == 186) {
var doc = evt.target;
var txt = doc.innerText || doc.textContent
doc.innerHTML = (txt).replace("&", "&");
// put the cursor to the end of the text
var sel = window.getSelection()
var range = document.createRange()
range.setStart(doc, 1);
range.collapse(true)
sel.removeAllRanges();
sel.addRange(range);
}
});.textarea {
background: white;
width: 200px;
height: 20px;
padding: 2px;
border: 1px solid black;
font-size: 16px;
}<span>Type &#9786; to get a ☺ emoji</span>
<div id="emoji" class="textarea" contenteditable="true"></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51273544
复制相关文章
相似问题