为什么这个仅用于数字输入的功能实际上不适用于输入类型：数字？

Question

$('input').on('keyup',function(){
    this.value = this.value.replace(/[^0-9\.]/g,'');
});

发件人：https://stackoverflow.com/a/891816/622813

在我用<input type="number">测试之后

当我输入1234a 之类的内容时，值为空白

但不是<input type="text">，当我输入1234a时，值仍然是1234

只是想知道为什么？

演示： http://jsfiddle.net/PV2fQ/

---

更新：

<input type="tel"> 这个工作不错...http://jsfiddle.net/PV2fQ/10/ 为什么？

Answer 1

如果您在替换语句之前执行console.log(this.value);，您将看到对于非数字输入，<input type="number"> 本身会获得一个空白值，即this.value = ''；

这似乎是这个输入类型的内部实现。

另一种选择：http://jsfiddle.net/PV2fQ/12/

$('input').keypress(function (e) {
    if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
        return false;
    }
});