我如何限制"+ - e,".从HTML号码输入？

Question

我有一个HTML编号输入元素:<input type="number">.问题是我还可以输入以下字符:+ - e E , .我不希望用户能够写入.

我如何限制这些？

Answer 1

这将是实现这一目标的一种方法:

var ageInput = document.getElementById("age")

ageInput.addEventListener("keydown", function(e) {
  // prevent: "e", "=", ",", "-", "."
  if ([69, 187, 188, 189, 190].includes(e.keyCode)) {
    e.preventDefault();
  }
})

<input type="number" id="age">