Question

如何在HTML页面中获取文本框来接受表情符号？基本上，我想显示表情符号作为WiFi的SSID。我尝试使用表情符号作为Wifi显示名称（SSIS），但它不接受。它是HUWAEI路由器，我使用192.168.1.1连接到它。之后，我进入管理页面以更改SSID名称，然后广播该名称。使用Chrome开发工具，我可以看到CSS，HTML，JS和JQuery脚本。不幸的是，我对HTML，JS，JQuery等知之甚少。谁能帮忙吗？我正在使用Chrome（v67.xx）。我找到了编码文本框的部分：

<td><input type="text" class="input_style Arabic_dialupNumber" id="ssid_wifiName" maxlength="32" /></td>

如果需要其他信息，请告诉我。预先感谢。

Answer 1

我不确定您是否可以使用带有表情符号图像的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("&amp;", "&");
    // 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 &amp;#9786; to get a &#9786; emoji</span>
<div id="emoji" class="textarea" contenteditable="true"></div>

Answer 2

Dhanush-感谢您的回复。我尝试使用Firefox，似乎文本框正在接受表情符号。请参阅所附图片。但是，当我单击“应用”按钮时，我无法接受它。我查看了代码，并相信以下代码片段是切入点-

<div class="apply_button up_left">
<label onclick="wlanbasicsettings_apply()"><script type="text/javascript">create_button(common_apply,"apply_button");</script></label>
<label onclick="cancel_apply()"><script type="text/javascript">create_button(common_cancel,"cancel_button");</script></label>
</div>

Emoji in textbox

我试图绕过一些验证，但徒劳无功。谢谢 PS：因为我必须分享图片，所以我必须发布答案。我希望可以。

在HTML的文本框中输入和显示表情符号

2 个答案: