Javascript onkeypress事件触发但输入的文本值不正确 [英] Javascript onkeypress event fires but input text value is incorrect
本文介绍了Javascript onkeypress事件触发但输入的文本值不正确的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在编写一个简单的JavaScript表单，用于根据值蓝色检查输入值。现在如果你输入蓝色，它说这是不正确的，但是如果添加任何附加的字符，它说是正确的。似乎有一个字符的延迟，所以当我进入蓝色，它只是得到蓝光。以下是代码：
I'm writing a simple javascript form that checks the input value against the value "blue". Now if you enter "blue", it says it's incorrect, but then if add any additional character, it says correct. It seems like there's a one-character delay, so when I enter "blue" it's only getting "blu". Here is the code:
<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>
推荐答案
将事件更改为 onkeyup 而不是 onkeypress
inp.onkeyup=checkAnswer;
这篇关于Javascript onkeypress事件触发但输入的文本值不正确的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
