如何正确使用按键功能？
如何正确使用按键功能？
提问于 2020-04-24 18:24:08
我使用keydown来检查输入文本值是否大于一个值，例如10。
我在做这个：
HTML
<input id="number" type="text">JQUERY
$("#number").keydown (function(){
var numberentered = $(this).val();
if(numberentered < 10){
console.log("IT IS NOT BIGGER THAN 10");
}else{
console.log("IT IS BIGGER THAN 10");
}
});如果数字是< 10，则所有工作，但当数字是，例如，在本例中11，它不工作。
$("#number").keydown (function(){
var numberentered = $(this).val();
if(numberentered < 10){
console.log("IT IS NOT BIGGER THAN 10");
}else{
console.log("IT IS BIGGER THAN 10");
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input id="number" type="text">
如果我将keydown更改为keyup，它会工作，但我希望使用keydown，并知道它为什么不能工作。
所有的帮助都是欢迎的，问候和感谢提前！
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-04-24 18:29:59
要回答为什么不工作的问题，是因为keydown在值更改之前触发，而不是在值更改后触发。您希望使用input或keyup或在值更改后发生的其他事件之一。
$("#number").keydown (function(){
var numberentered = $(this).val();
console.log(numberentered);
if(numberentered < 10){
console.log("IT IS NOT BIGGER THAN 10");
}else{
console.log("IT IS BIGGER THAN 10");
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input id="number" type="text">
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61415031
复制相关文章
相似问题
腾讯云开发者
