javascript - 仅在移动设备上输入整数

Question

我正在使用 <input type='text' onkeypress='return isNumberKey(event)'>
我试过<input type='number'>但这允许人们使用句号和“e”。我只希望人们只允许使用非负整数。

理想情况下，我希望在 Safari 和 Chrome 中只弹出数字键盘(我相信大多数移动用户只使用这两种浏览器)，但我肯定会满足于只允许按下非负整数。

function isNumberKey(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode;
    if (charCode != 8 && (charCode < 48 || charCode > 57))
        return false;

    return true;
};

Answer 1

您可以将pattern 属性与RegExp \D、input 事件、RegExp.prototype 一起使用.test(), String.prototype.slice() 带参数 0, -1 如果不是与 匹配的数字，则删除最后一个输入值RegExp 在 pattern 属性

var input = document.querySelector("input");
function handleInput(event) {
  var value = this.value;
  if (new RegExp(this.pattern).test(value)) {
    this.value =  value.slice(0, -1)
  }
}
input.addEventListener("input", handleInput);

<input type="text" pattern="\D" />