javascript - 使用 JavaScript/jQuery 在 textarea 中呈现乘法和除法符号

Question

我正在开发一个非常简单的数学编辑器，我希望用户能够通过单击按钮来输入 [÷] 和 [×]。我已经把这些字符直接放在代码中了。它们呈现为错误。当我尝试使用 ÷ 或 × 时，文本区域显示 ÷ 或 × 而不是 [÷ ] 或 [×]。我有 CSS 来将字体设置为 Arial。

代码接收一个名为 newSymbol 的参数，然后附加它:

var textArea = $('#symbolsTextArea');
textArea.val(textArea.val() + newSymbol);

如有任何帮助，我们将不胜感激。

Answer 1

使用 unicode 字符而不是 HTML 特殊字符。

textArea.val(function(i, val) {
    return val + "\u00f7";
});

演示: http://jsfiddle.net/QcjCZ/

---

或者如果 HTML 序列对您来说更容易记住，请创建 HTML 到 unicode 的映射:

var symbol = {
    "÷":"\u00f7",
    "×": "\u00d7"
};

然后像这样使用它:

textArea.val(function(i, val) {
    return val + symbol["÷"];
});