Cuando escribo algo, se retrasa con una pulsación de tecla. por ejemplo, si escribo h , estaría en blanco, si helloworld sería helloworl . Si se muestra sad , tendría que presionar la tecla de retroceso dos veces para llegar a sa en lugar de una vez. ¿Por qué hay este retraso? ¿Cómo lo soluciono?
<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 o keypress se supera antes de que el nuevo carácter se agregue al valor del elemento.
puede usar el evento input o keyup .
search.addEventListener("input", function(){ resultbox.innerHTML = search.value; })