HTML5 "number“类型输入-向上/向下箭头不精确单击错误

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

<script>
  var input = document.getElementById("myNumber");
  
  input.addEventListener("keydown", function(event) {
    if (event.keyCode === 38) { // Up arrow key
      event.preventDefault(); // Prevent default behavior
      increaseNumber();
    } else if (event.keyCode === 40) { // Down arrow key
      event.preventDefault(); // Prevent default behavior
      decreaseNumber();
    }
  });
  
  function increaseNumber() {
    var value = parseInt(input.value);
    if (!isNaN(value) && value < parseInt(input.max)) {
      input.value = value + parseInt(input.step);
    }
  }
  
  function decreaseNumber() {
    var value = parseInt(input.value);
    if (!isNaN(value) && value > parseInt(input.min)) {
      input.value = value - parseInt(input.step);
    }
  }
</script>