input type="number" 在 Firefox 和 IE 中选择数字时无法删除/清除

Question

我已验证接受输入 type="number" 字段的最小值和最大值。一旦我输入了一些输入，它就会根据最大值和最小值工作。我的问题是我无法清除/删除数字字段中输入的值。在文本框字段中，它允许通过使用退格键并选择数字并键入新数字来清除值。为什么数字字段在这种情况下不起作用。如何清除/删除数字字段中的数字。

  <input type="number" name="WorkingDaysPA" id="WorkingDaysPA"
             min="1" max="366" style="text-align: right"

             onkeypress="if(this.value.length==3) return false;return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57"
         />

<input type="text" maxlength="3" min="1" max="366">

这是我的小提琴：https : //jsfiddle.net/MariNithya/fpd2y4f4/

Answer 1

在 focus out 事件中，我将 null 指定为值；

希望这可以帮助

document.getElementById("validateNums").addEventListener("focusout", inputOutOfFocus);
function inputOutOfFocus() {
 document.getElementById("validateNums").value = null;
}

<input type="number" maxlength="3" min="1" max="366" id="validateNums">