我正在尝试为 HTML5 的 input type="number" 元素编写一个polyfill。 Here's a comparative example如果您的浏览器已经支持它。
如果您输入的值无法解析为数字，例如“abc”，当您进行模糊处理时，Chrome 会将该值设置回您最近使用的有效值。我想我可以通过在字段获得焦点时将值存储在 data- 属性中来做到这一点，以防万一我需要将其设置回来，但是有没有更自然的方法来“记住” “表单字段的最新有效值？
最佳答案
这通常称为撤消。 This fellow向您展示如何使用 JavaScript 做到这一点:
<html>
<head>
<title>Title</title>
<script type="text/javascript" language="javascript">
function InputBalance_OnChange(sender) {
if(isNaN(sender.value)) {
sender.value = isNaN(sender.prevValue) ? 0 : sender.prevValue;
} else {
sender.prevValue = sender.value;
}
}
</script>
</head>
<body>
<table>
<tr>
<td>Account Number</td>
<td><input id="inputAccountNumber" type="text" /></td>
</tr>
<tr>
<td>Balance</td>
<td><input id="inputBalance" type="text" onChange="InputBalance_OnChange(this)" value="0" /></td>
</tr>
</table>
</body>
</html>
关于javascript - 将输入设置为最新的有效值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9010486/