javascript - 显示输入的用户内容

Question

当用户在文本框中输入某个值时，该值应按原样显示在 td 中。

这是我用 div 尝试过的代码，

<input type="text" name="userStr" id="userStr" onKeyUp="processValue()"/>
<div id="disp">
</div>
<script type="text/javascript" >
function processValue() {

var userval = document.getElementById("userStr").value;
//alert('userval'+userval);
document.getElementById("disp").innerHTML = userval;
}

我输入值， <> ( ) # & ，但它显示为 <> ( ) # & 而不是原始字符串 (<> ( ) # & )

执行此操作的标准方法是什么。

当我输入 stackoverflow 显示完全相同时，我现在将查看源代码，但寻求您的见解。

谢谢。

Answer 1

尝试:

document.getElementById("disp").innerHTML = userval.replace(/&/g, '&amp;').replace(/</g, '&lt;');

或者，您可以设置元素文本，但您必须处理浏览器变化。