javascript - 带小数点分隔符的 HTML 数字输入问题

Question

我在 iOS 上使用数字小键盘进行十进制输入有一些问题。我有以下 HTML:

$('#number').keyup(function() {
  $('#log').prepend('<p>Input: ' + $(this).val() + '</p>');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" inputmode="decimal" id="number">
<p>
  Input as number:
  <div id="log"></div>
</p>

这在 Chrome 浏览器、Android 等中按预期工作，但在 iOS 上存在一些问题。如果我将区域设置为例如丹麦(逗号小数分隔符)，但语言到英语(英国)(小数点分隔符)，数字键盘给了我一个逗号小数分隔符，但我似乎 HTML/JS 不支持这一点。如果我输入例如 12,3当我使用逗号时，输入字段的值变为空。
我怎样才能解决这个问题？

当 Region 为 Denmark 且 Language 为丹麦语时，一切正常。
此 StackBlitz 上提供了代码和演示: https://decimal-input-ios.stackblitz.io

Answer 1

我找到了一些解决方法，您可以将 , 替换为 .每次输入时:

let prevNum = "";

$('#number').on("keyup", function (e) {
    if (e.keyCode == 188) {
        $(this).val(prevNum + ".");
    }
    
    prevNum = $(this).val();

    $('#log').prepend('<p>Input: ' + $(this).val() + '</p>');
});