html - HTML5：是否可以通过 Javascript 禁用输入类型编号的更改事件？

Question

我想禁用输入数字的默认更改事件。我不想删除箭头，我只想自定义用户将在输入中看到的值：

https://codepen.io/vendramini/pen/gNbVoe

<form id="myform">
  <input class="number-padding" type="number" required pattern="[0-9]{2}" />
  <input type="submit" />
</form>

(function($) {
  $("#myform").submit(e => {
    e.preventDefault();

    alert("form sent!");
    return false;
  });

  $(".number-padding").on("change", function(e) {
    e.preventDefault();

    if ($(this).val() < 10) {
      $(this).val("0" + $(this).val());
    }

    return false;
  });
})(jQuery);

告诉我是否可以在不从头开始创建大型输入组件的情况下做到这一点，或者让整个框架只做这个。谢谢！

---

编辑：

我找到的最佳参考是react-numeric-input，但我不使用 React。我接受做同样事情的 jQuery 库。

Answer 1

只需将只读属性添加到输入标签就可以了

<input class="number-padding" type="number" required pattern="[0-9]{2}" value='5' readonly="readonly" />