如何使用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转义和unescape函数：

   var escaped = escape（'π'）// escaped =“％u03C0”，其中unescape将变回π

2. 如果你有jQuery可用它的html方法可能会做到这一点：

   $（ '输入'）。VAL（）。HTML（）

3. 这是一个hack但是可以工作：在input元素的'data-'属性上以你想要的方式保存值的副本，这将在html5中验证，并且不会在其他doctypes中中断。

   document.getElementById（'input'）。setAttribute（'data-originalValue'，'＆pi'）

Answer 2

value属性将为您提供文本，而不是HTML。

你可以尝试getAttribute('value')但是因为π 和π在HTML中是完全相同的，浏览器完全可以自由地返回π 。

将HTML转换为DOM后，无法访问原始HTML（不能再使用XHR下载HTML并自行解析原始文本）。

如果您希望数据为"π" 然后它的HTML需要π 。

如果你想要那个并且按钮上的渲染是π那么你需要：

<button type="button" value="&amp;pi;">π</button>

（记住旧IE与按钮元素有关的各种错误）

那当然会显示π 将值复制到文本输入时。

Answer 3

使用它来替换所有出现的角色：

document.getElementById('input').value.replace(/π/g,"π");