画面上で入力した数字キーをモーダル内のinputタグへ自動セットする方法

Question

#質問内容

HTML + CSS(Bootstrap) + JavaScript(jQuery) + Java(Struts)という環境の業務システムを担当しております。
業務システムのためソースコードすべてをここに載せるわけにはいかず、ご理解ください。

今回、下記機能の修正要望があり、一からソースコードを追いかけているところなのですが
「3. モーダル内に～自動セット」という処理が見つけられず困っています。

1. 画面上で数字キー（0～9）を押下
2. モーダルが起動
3. モーダル内にある以下のタグに押下した数字を自動セット

（※）素早く3桁程度を入力すれば入力した数字がすべて自動セットされる

<!-- モーダルのDIVなどは省略 -->
<input type="number" id="input_num" />

下記「調べたこと」以外に調べ方、検索キーワードがありましたらご教示ください。
または、入力キーを自動セットするようなプラグインなどをご存知の方がいましたらご教示ください。

#調べたこと

##ID指定のセット

JavaScript、jQueryのID指定で要素を取得し値をセットしている箇所はありませんでした。
※IDで調べました

//JavaScript
document.getElementById('input_num').value = keyCode;
//jQuery
$('#input_num').val(keyCode);

##フォーカス設定時イベント

モーダルの表示完了時に<input>にフォーカスをあてている箇所があり
この一行をコメントアウトしたところ数字が自動セットされなくなったので
フォーカスイベントが関係しているのは間違いなさそうなのですが
focusinなどのキーワードで全検索してもそれらしい箇所はなさそうでした。

$('#モーダルのID').on('shown.bs.modal', function(event) {
  $('#input_num').focus();
});

##setInterval、setTimeout

数字キーは3桁程度なら連続して入力できるので
setIntervalやsetTimeoutを使っているのかと思いましたが
それらしい箇所はありませんでした。

Comments

[s8_chu]

同じ内容の質問(https://teratail.com/questions/103034)が投稿されています。運営に質問ページの削除リクエストボタンから削除リクエストを送ると良いと思います。https://teratail.com/help#delete-question

[whitia]

ご指摘ありがとうございます。削除申請を致しました。

Answer 1

【回答を求めている方へ】
こちらの質問をご覧ください。