当条件为真时如何运行 preventDefault() - jQuery

Question

我想问一些关于 jQuery 中的 preventDefault() 的问题：我的问题是当我在一个条件中使用 preventDefault() 时，该方法在检查我的条件是否为真之前正在运行，有人知道问题是什么吗？

我已经尽一切努力让我的preventDefault() 在我的条件为真时正常工作，但现实情况并非如此正确。

这是我的示例代码，让大家更详细地了解我的问题，希望大家能帮助我解决我的问题，谢谢。

$("input[name='test']").on({
  keydown: function(event) {
    const selector = event.which;

    if (selector == 69) {
      event.preventDefault();
    } else if (selector == 8) {
      const inputVal = $(this).val();
      const subsVal = inputVal.substr(0, (inputVal.length - 1));

      if (subsVal == '' || subsVal.length == 0) {
        console.log("stop it, it's already empty");
        event.preventDefault(); // => when I use this method is not working perfect, because when the input text length is not zero yet, the method is running then I can't delete it until the input value is empty or zero length
      }
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" name="test" value="1">

Answer 1

主要问题是您检查字段长度的代码是错误的。你只需要使用$(this).val().length:

$("input[name='test']").on({
    keydown: function (event) {
    const selector = event.which;
    
    if (selector == 69) {
        event.preventDefault();
    } else if (selector == 8) {
        const inputVal = $(this).val();
      
        if (inputVal.length == 0) {
            console.log("stop it, it's already empty");
            event.preventDefault();
        }
    }
  }
})

但是，如果用户在字段中键入非数字的内容，即使这样也会失败，因为.val() 会将结果转换为数字，但不一定对应于实际值。

例如，键入“abc”，您将看到此代码失败。更多详情请见Get the value of a input number in jQuery。