javascript - 如何在键入时使“数字”输入不可编辑？

Question

我知道如何使数字输入完全只读。但是，如何使其打字锁定？因为即使最大值是 10，我也可以输入无穷无尽的数字（它有效，但仅在使用这个上下的东西时）。如果需要任何代码，请告诉我，尽管我不这么认为

标签： javascripthtmlcss

Answer 1

您可以使用 Javascript 在每次更改时检查数字的值，如果它高于（或低于）您指定的值，请将值重置为最大值或最小值：

let number = document.getElementById("number");

let max = 10;
let min = 0;

number.addEventListener('input', () => {  

  if (number.value > max) {
    number.value = max;
  }
  
  if (number.value < min) {
    number.value = min;
  }

  
});

<input type="number" id="number" step="1" max="10" min="0">