Javascript onkeypress事件触发但输入文本值不正确

我正在写一个简单的javascript窗体，检查输入值与“blue”值。现在，如果输入“蓝色”，则表示它不正确，但如果添加任何其他字符，则说明正确。似乎有一个字符延迟，所以当我输入“蓝色”时，它只会变成“蓝色”。下面是代码：Javascript onkeypress事件触发但输入文本值不正确

<html> 
<head> 
<title>Favorite Color</title> 
</head> 

<body> 
<h1>Quiz Time</h1> 
<h2>What is your favorite color?</h2> 

<p>Your Answer: <input type="text" id="txtinput" /></p> 
<p id="message"></p> 

<script type = "text/javascript"> 
function init() { 
    var inp = document.getElementById("txtinput"); 
    inp.onkeypress=checkAnswer; 

    checkAnswer(); 
} 

onload = init; 

function checkAnswer() { 
    var text = document.getElementById("txtinput"); 
    var msg = document.getElementById("message"); 

    var sol = "blue"; 
    var ans = text.value; 
    ans = ans.toLowerCase(); 

    if (ans.length <=0) { 
     msg.innerHTML="<span style=\"color:blue;\">Enter Something.</span>"; 
    } 
    else if (ans == sol) { 
     msg.innerHTML="<span style=\"color:green;\">Correct!</span>"; 
    } else { 
     msg.innerHTML="<span style=\"color:red;\">Wrong!</span>"; 
    } 
} 

</script> 
</body> 
</html>

来源

2012-02-19 CaptainCodeman

你试试我的答案？ – 2012-02-19 13:47:55

是的，它的工作，谢谢！ :) – CaptainCodeman 2012-02-19 15:54:05