退格在输入字段中的 Firefox 中不起作用

Question

我将此输入与 onkeypress 事件一起提交：

<input type="number" min = "0" id = "count" onkeypress='return event.charCode >= 48 && event.charCode <= 57' /> 

基本上，这只允许在该字段中输入数字值......这很好用......在 Chrome、Firefox 和 IE 中......这对我来说已经足够了。但是“退格”键在 Firefox 中不起作用。它在 Chrome 和 IE 中运行良好。我的意思是，如果我想输入“15”，但不小心输入了“155”……在 Firefox 中，我无法在该字段上使用“退格”。如何让退格在 Firefox 中工作？

Answer 1

下面的 jQuery 代码 sn-ps 将只允许文本框中的数字。但是退格键和删除键也是允许的。

   $("#testID").keydown(function(e) {
    if (e.shiftKey)
     e.preventDefault();
    else {
     var nKeyCode = e.keyCode;
     //Ignore Backspace and Tab keys
     if (nKeyCode == 8 || nKeyCode == 9)

      return;

     if (nKeyCode < 95) {
      if (nKeyCode < 48 || nKeyCode > 57)
       e.preventDefault();
     } else {
      if (nKeyCode < 96 || nKeyCode > 105)
       e.preventDefault();
     }
    }
   });

Answer 2

您可以为 Backspace 键添加一个捕获：

<input type="number" min = "0" id = "count" onkeypress='return event.charCode >= 48 && event.charCode <= 57 || event.key === "Backspace"' /> 

Answer 3

您可能想要这样做：

var input = document.querySelector('#count');
input.addEventListener('input', function (e) {
  return (e.keyCode === 8 || (e.keyCode >=48 && e.keyCode <=57));
});

<input type="number" min="0" id="count">

Answer 4

试试这个只允许数字的方法：

function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}

<input type="number" class="textfield" value="" id="extra7" name="extra7" onkeypress="return isNumber(event)" />

https://jsfiddle.net/6dfrLz0p/12/