输入类型"number" Microsoft边缘中未按预期工作

Question

我有一个input字段如下

<input class="calc-parameter" type="number" placeholder="" 
data-parameter-name="NUMERIC" maxlength="12" id="NUMERIC-2-0">

在所有浏览器上，我都会得到旋转器和/或键盘仅允许输入数字

在Microsoft Edge上，用户可以在字段中输入数字或字符。我需要添加另一个属性以使Edge仅考虑该数字字段吗？还是这是已知的边缘错误？我在Microsoft论坛上找不到任何东西

Answer 1

他们声称其支持：https://caniuse.com/#feat=input-number但不包括旋转器功能。

但是，有一个错误，该功能不起作用：https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10792541/

自己遇到了这个。

Answer 2

我知道我参加了聚会迟到，但是如果某人仍在寻找Jquery的解决方法，而Edge则赶上Google：

$('input[type=number]').on('keypress', function (e) {
// Add whatever keys you want to the condition (48-57 = numbers)
    if (e.keyCode < 48 || e.keyCode > 57) { 
        e.preventDefault();
    }
});