是什么导致了一个按键延迟?
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;
})
keydown
或 keypress
在将新字符添加到元素的值之前执行。
您可以使用 input
或 keyup
事件。
search.addEventListener("input", function(){
resultbox.innerHTML = search.value;
})
当我输入内容时,一键就会延迟。例如,如果我键入 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;
})
keydown
或 keypress
在将新字符添加到元素的值之前执行。
您可以使用 input
或 keyup
事件。
search.addEventListener("input", function(){
resultbox.innerHTML = search.value;
})