키를 두 번 눌러야하는 이유는 무엇입니까?

Question

나는 약간의 JS 게임을 만들고 있으며, 사용자의 입력을 최대한 빨리 확인하려고 노력하고 있으므로 onKeyDown 함수를 사용하고 있습니다. 문제는 응답이 5이면 5를 누른 다음 5를 다시 눌러 사용자의 입력을 인식해야합니다. 왜 이런 일이 발생합니까?

var btn=0 
var num="" 
var digits=1 
function quickanswer(){ 
    if (document.getElementById("autocheck").checked==true&&document.getElementById("txt").value.length==digits){ 
     document.getElementById("dots").innerHTML = "" 
     createdots() 
     document.getElementById("txt").value="" 
     document.getElementById("txt").focus() 
     document.getElementById("txt").style.color = "#000000" 
    } 
} 
function submitenter(){ 
    var keycode = window.event.keyCode; 
    if (keycode == 13) 
     { 
     btnclick(); 
     } 
    if (keycode < 47 || keycode > 58){ 
     return false;} 
    } 

<input id="txt" type="text" onKeyPress="return submitenter()" onKeyDown="quickanswer()"/> 

Answer 1

는 onKeyDown 이벤트는 문자가 실제로 텍스트 상자에 추가됩니다 전에 발생합니다.

새 문자를 캡처하려면 대신 onkeyup 이벤트를 사용하십시오. 함수에서 다음

onKeyPress="return submitenter(event)" 

:

function submitenter(evt){ 
    //IE fix 
    if (typeof evt == "undefined") 
     evt = window.event; 
    var keycode = evt.keyCode || evt.which; 
    ...