如何进行将其值转换为十分之一的HTML数字输入（可能使用jQuery）

Question

假设我有一个输入字段，例如

<input type='number' id='input-tenths' />

我想要实现的目标是，我在此字段中输入的数字被视为“十分之一”，而不是整数，例如：

• 当我在此输入字段中输入3时，我希望该字段的值为0.3
• [之后，当我输入5时，我希望该值变为3.5
• ...然后是9，该值应变为35.9

到目前为止，我一直试图添加一个隐藏字段<input type='hidden' id='hidden-tenths'/>和类似的函数>

$('#input-tenths').on('input', function(e){
    $('#hidden-tenths').val($('#hidden-tenths').val() + '' + $(this).val().slice(-1));
    $(this).val($('#hidden-tenths').val() / 10);
    $('#hidden-tenths').val($(this).val() * 10);
});
但是这并不总是能按预期的方式工作（例如，当我在原始输入中退格时，将附加而不是删除一个数字，就像使用.slice(-1)所期望的那样。

实现预期行为的好方法，在此，我试图避免显式绑定所有按键，从而从本质上重新编程输入字段（除非这是实现此目的的唯一方法）。

$('#input-tenths').on('input', function(e) {
  $('#hidden-tenths').val($('#hidden-tenths').val() + '' + $(this).val().slice(-1));
  $(this).val($('#hidden-tenths').val() / 10);
  $('#hidden-tenths').val($(this).val() * 10);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type='number' id='input-tenths' />
<input type='number' id='hidden-tenths' />

比方说，我有一个输入字段，例如我想要实现的目标是，我在此字段中输入的数字被视为“十分之一”，而不是整个...

Answer 1

高兴时将不透明度从.3更改为0。您可能要隐藏小数点