JSFiddle - React, Tailwind, and code Playground

by no2don

HTML

<label for="input1">輸入框1：</label>
 <input type="number" class='base' step="any">

 <br>
<hr style='margin-top:20px'>
 <label for="input2">輸入框2：</label>
 <input type="number" class='sync' step="any">
 <br>
 <label for="input2">輸入框3：</label>
 <input type="number" class='sync' step="any">
 <br>

 <label for="input2">輸入框4：</label>
 <input type="number" class='sync' step="any">

 <br>

 <label for="input2">輸入框5：</label>
 <input type="number" class='sync' step="any">

JavaScript

var tmp = '';
$('.base').keydown(function() {
  tmp = $(this).val();
  console.log(tmp);
  setTimeout(function() {
    if (/^-?\d*\.?\d*$/.test($('.base').val())) {

      $(".sync").each(function() {
        if ($(this).val() == tmp || $(this).val() == '') {
          $(this).val($('.base').val());
        }

      });
    }
  }, 49);


});