将输入设置为最新的有效值

发布于 2024-12-28 18:18:04 字数 298 浏览 3 评论 0原文

我正在尝试为 HTML5 的 input type="number" 元素编写一个polyfill。这里有一个比较示例（如果您的浏览器已经支持）。

如果您输入的值无法解析为数字，例如“abc”，那么当您进行模糊处理时，Chrome 会将该值设置回您最近使用的有效值。我想我可以通过在字段获得焦点时将值存储在 data- 属性中来做到这一点，以防万一我需要将其设置回来，但是有没有更自然的方法来“记住” “表单字段的最新有效值？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

醉殇 2025-01-04 18:18:04

这通常称为撤消。此人向您展示如何使用 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>

This is often called undo. This fellow shows you how to do it with 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>

回复收藏 0 原文

~没有更多了~