javascript - 在 HTML 元素 onkeyup 中返回输出

Question

我正在使用 html 编辑器，但这部分给我带来了一个问题，是否有办法存档它？当我在文本字段中输入内容时，它将在 div 元素中显示输出。

<script type="javascript/text">
    function ColorText(){
        T = Rep(document.getElementById("text").value);
        document.getElementById("wcode").innerHTML=T;
        setTimeout("ColorText()",10);
    }
</script>

这是 HTML 部分

<input type="text" id="text" onkeypress="ColorText()"/>
<div type="text" id="wcode"></div>

Answer 1

更优雅的解决方案，无需 setTimeout:

function Rep(value){
  //Do your thing...
  return value;
}

var wcode = document.getElementById("wcode");
var text = document.getElementById("text");

text.addEventListener("input", function(){ 
  wcode.innerHTML = Rep(this.value);
});

<input type="text" id="text"/>
<div id="wcode"></div>