javascript - 如何使用按钮编辑或输入焦点InputElement

Question

我在使用自己的 javascript 数字键盘进行输入时遇到问题。我有双重输入必须填写。我想仅在聚焦时在 InputElement 中输入。当我单击自己的数字键盘中的按钮时，但结果是在我拥有的两个输入中输入的。那么，如何让我的输入仅仅对InputElement进行聚焦呢？

我尝试使用 if($('input').in(':focus')) 但没有给出任何响应

此处输入

<div class='form-row align-items-center'>
  <div class='col-auto'>
    <div class='input-group mb-2'>
      <div class='input-group-prepend'>
         <div class='input-group-text'>Rp.</div>
      </div>
      <input id='paymentnominal' name='nominal' value='' class='form-control' placeholder='Nominal'>
    </div>
  </div>
  <div class='col-auto'>
    <div class='input-group mb-2'>
      <div class='input-group-prepend'>
        <div class='input-group-text'>123</div>
      </div>
    <input id='cardnumber' name='cardnumber' value='' class='form-control' placeholder='Card Number'>
    </div>
  </div>
  <div class='col-auto'>
    <button id='submit' class='btn bg-maroon mb-2'>Add</button>
  </div>
</div>

这是我自己的小键盘

<button class='numpad1'>1</button>
<button class='numpad2'>2</button>
<button class='numpad3'>3</button>
<button class='numpad4'>4</button>
<button class='numpad5'>5</button>
<button class='numpad6'>6</button>
<button class='numpad7'>7</button>
<button class='numpad8'>8</button>
<button class='numpad9'>9</button>
<button class='numpad0'>0</button>
<button class='numpad00'>00</button>
<button class='numpadx'>X</button>

以及我尝试过的这个 javascript 函数

$('.numpad1').click(function(){
  $( 'input' ).val( function( index, val ) {
    return val + "1";
  });
});

Answer 1

var numPad1 = document.getElementsByClassName('numpad1')[0];
var paymentInput = document.getElementById('paymentnominal');
numPad1.onclick= function(){
   paymentInput.value = paymentInput.value+''+1;
}