Javascript 使用 keyup 自动更改最小和最大数字

Question

我无法删除最后一个数字 1通过使用键盘删除键，就像 <= 0然后该值更改为 1 ，所以我必须选择输入中的所有数字并更改数字？谢谢

这不是更改数字的有效方法。

是否有更好的解决方案让我删除最后一位数字并使用键盘输入数字。

 document.getElementsByClassName('numInput')[0].addEventListener("keyup", function(e) {
   if (e.target.value > 10) {
     this.value = 10;
   } else if (e.target.value <= 0) {
     this.value = 1;
   }
 });

<input type="number" value=1 class="numInput">

Answer 1

您只需检查输入值的length，然后将其替换为 1 和 e.target.value.length :

document.getElementsByClassName('numInput')[0].addEventListener("keyup", function(e) {
  if (e.target.value > 10) {
    this.value = 10;
  } else if (e.target.value.length && e.target.value <= 0) {
    this.value = 1;
  }
});

<input type="number" value=1 class="numInput">