javascript - 如何使用javascript获取文本输入中的html特殊字符

Question

我想将一些 html 特殊字符发送到文本字段，然后使用 javascript 将其恢复为原始格式:就像我发送“&pi”一样，它会在文本输入中显示“π”，当我用javascript找回来，我应该得到“&pi”，但我只能得到“π”，而不是“&pi”。请帮忙，我的代码如下:

<script type="text/javascript"> 
function qpush(a) {
    document.getElementById('input').value += a;
}

function show(a) {
    alert(document.getElementById('input').value);
}
</script>

<input type="text" id="input" />
<input type="button" onclick="qpush('&pi;');" value="&pi;" />
<input type="button" onclick="show()" value="go" />

Answer 1

根据您的需要，您可以执行以下 3 个选项之一:

1. 使用 javascript escape 和 unescape 函数:

   var escaped = escape('π')//escaped = "%u03C0"which unescape 将变回 π

2. 如果您有可用的 jQuery，它的 html 方法可能会成功:

   $('输入').val().html()

3. 这是一个 hack，但会起作用:按照您希望的方式保存值的副本，将其返回到输入元素的“data-”属性上，这将在 html5 中验证并且不会破坏其他文档类型。

   document.getElementById('input').setAttribute('data-originalValue', '&pi')