虚拟键盘问题

Posted 2023-02-25

【中文标题】虚拟键盘问题

【英文标题】：issue in virtual keyboard

【发布时间】：2012-07-05 10:00:13

【问题描述】：

我有一个用于虚拟键盘的脚本，我在为上标和下标创建键时遇到了一些问题。例如。当我在跨度类中使用<'sup'>3<'/sup'> 时，它会正确显示，但是当我按下该键时，它也会在文本框中打印<'sup'>3<'/sup'>。 那么我需要在 jquery 中更改什么？

这是我的工作代码。

HTML 代码：

    <li class="symbol"><span class="off"><sup>11</sup></span><span class="on"><sup>11</sup></span></li>

JQuery 代码

// Special characters
    if ($this.hasClass('symbol')) character = $('span:visible', $this).html();

完整代码：

jsfiddle.net/xMzVY

【参考方案1】：

将您的代码更改为：

if ($(this).hasClass('symbol'))
    character = $('span:visible', $(this)).html();

【讨论】：

我看到了。但这似乎没问题。完美的。现在是什么问题？我正在使用 Chrome！

嘿，现在我看到一个大 6，当我进入时，它显示 <sub>6</sub>，这是你的问题吗？

喂！！！您正在使用.val()，它不会在文本区域中呈现 HTML。所以，你需要把它转换成unicode然后显示。在保存时，您需要将其转换回 HTML。因为，如果您在 textarea 中使用 HTML 标记，它会按原样呈现！！！ :)

好的，你能帮我吗，请问怎么做？

只需将其用作innerText，或剥离HTML 字符并将文本单独发送到textarea 中。但是，我的建议是您可以使用文本预览器，例如MarkDown，并同时拥有 HTML 版本和渲染版本！ :)