如何正确使用keydown功能？

Question

我正在使用 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 并且知道它为什么不工作。

欢迎所有帮助，提前问候和感谢！！

Answer 1

回答你的问题 为什么 它不起作用，是因为 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">

如何正确使用keydown功能？

How to use keydown function correctly?

jquery

keydown