javascript - 在以下特殊场景下，当移动设备的类型为文本时，在 html 输入字段中为用户显示数字键盘

Question

将通过移动设备访问以下网页。目前，我已经为数字输入字段添加了逗号分隔符，但我必须将输入类型设置为文本以进行逗号分隔过程。这样做将在移动浏览器上向最终用户显示字母数字键盘。有没有办法在输入时执行逗号分隔时向最终用户显示数字键盘？

我尝试的逗号分隔方法

 $('input.number').keyup(function(event) {

    // skip for arrow keys
    if(event.which >= 37 && event.which <= 40) return;
  
    // format number
    $(this).val(function(index, value) {
      return value
      .replace(/\D/g, "")
      .replace(/\B(?=(\d{3})+(?!\d))/g, ",")
      ;
    });
  });
 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="text" id="f1qs3" class="form-control number" placeholder="Enter Value">

Answer 1

尝试移动设备的输入类型tel

<input type="tel" id="f1qs3" class="form-control number" placeholder="Enter Value">