javascript - 当用户在输入类型数字上输入小数时事件返回空值

Question

编辑在 Firefox 上工作，只有 Chrome 错误(也许还有其他错误)

我尝试从简单的 <input type="number" step="any" /> 获取所有事件:

$('input[type=number]').on('input', function() {
  $('#value').text($(this).val())
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number" step="any"/>
<br/>
<strong>Value:</strong> <span id="value"></span>

当我按下或更新号码时，所有附加都很好。但是当我尝试输入小数点 .值为 null .

我这里使用的是 jQuery，但是问题与 Vanilla JS 相同。

Answer 1

我能得到的最接近的是:

$('input[type=number]').on('input', function() {
  $(this).select();

  var value = window.getSelection().toString();
  window.getSelection().empty();

  $('#value').text(value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="number" step="any"/>
<br/>
<strong>Value:</strong> <span id="value"></span>

请注意，当您键入内容时，该字段会失去焦点...