android - Android 4 上没有前导零的 HTML5 数字字段不适用于小数

Question

我有这个输入框:

<input type='number' />

在 Android 4 设备上输入 .5 时，数字会在字段失去焦点后消失。

测试于:

• 三星 Galaxy S2 - Android 4.0.3
• 三星 Galaxy Note 2 - Android 4.0.4
• 三星 Galaxy S3 - Android 4.1

这是一个已知的 Android 浏览器错误吗？有人找到解决方法了吗？

Answer 1

我们用这段 javascript 代码解决了这个问题:

var keycodes = {
    period:190, decimal:110
};

$('input[type=number]').keyup(function (e) {
    if (!this.value && (e.keyCode === 190 || e.keyCode === 110)) {
        this.value = '0.';
    }
});

它会检查以确保文本框没有任何值(在我的测试设备上，文本框的值要么是 null 要么是空字符串，只有一个小数)，然后向文本框添加一个前导零。

我怀疑这个方法可能有问题，但我还没有看到。