1

Android 浏览器 (4.03) 中针对以下标记的问题。

<html> 
<body> 
Androind 4.03 Browser test page<br />
Type .9 in the input field below and click/tap button below.<br />
Browser validation is clearing contents in input field.<br /></br/>


<input type="number" pattern="[0-9\.]*" step="0.1" min="0.0"></input> <br /><br /><br />

<input type="button" value="Validate" />

</body>
</html>

我希望数字键盘在焦点上，它适用于 iphone 和 android 2.x 浏览器。但是，当我输入小于 1 的小数（如 .9 或 .1）时，它会验证 onblur 并清除输入字段。

我希望输入接受任何数字和小数...

在此处运行代码示例

4

1 回答 1

1

旧帖子，但我也遇到过这个问题。

我为解决它所做的工作是捕捉'。在 keydown 上（keyup 在 android 上运行良好，但在 IOS 上导致问题），并在 . 被申请;被应用。然而，我注意到，至少在 android 浏览器上，这会干扰之后完全擦除数字的能力（如果你要退格），所以我也必须抓住它。

// within a keydown handler for the input, 
// where "this" is the input, and "e" is the event

// make it 0 before the . gets applied
if((e.keyCode == 190 || e.keyCode = 46)
    && (!this.value || this.value == '.'))
{
    this.value = 0;
    return;
}

// ...but that screws up the cursor position on
// some browsers, so handle the backspace 
if(e.keyCode == 8 && this.value == '0.')
{
    this.value = '';
    return;
}

感觉很hacky，但似乎工作。

于 2013-12-18T23:10:55.797 回答