是什么导致了一个按键延迟?

What is causing a one keypress delay?

当我输入内容时,一键就会延迟。例如,如果我键入 h,它将是空白,如果我键入 helloworld,它将是 helloworl。如果显示 sad,我必须按两次退格键才能到达 sa 而不是一次。为什么会有这种延迟?我该如何解决?

<input type="text" id = "new"></input>
<p id = "result"></p>
<script src = "script.js" type = "module"></script>
var search = document.getElementById("new");
var resultbox = document.getElementById("result");
search.addEventListener("keydown", function(){
  resultbox.innerHTML = search.value;
})

keydownkeypress 在将新字符添加到元素的值之前执行。

您可以使用 inputkeyup 事件。

search.addEventListener("input", function(){
  resultbox.innerHTML = search.value;
})