#質問内容
HTML + CSS(Bootstrap) + JavaScript(jQuery) + Java(Struts)という環境の業務システムを担当しております。
業務システムのためソースコードすべてをここに載せるわけにはいかず、ご理解ください。
今回、下記機能の修正要望があり、一からソースコードを追いかけているところなのですが
「3. モーダル内に~自動セット」という処理が見つけられず困っています。
- 画面上で数字キー(0~9)を押下
- モーダルが起動
- モーダル内にある以下のタグに押下した数字を自動セット
(※)素早く3桁程度を入力すれば入力した数字がすべて自動セットされる
html
1<!-- モーダルのDIVなどは省略 --> 2<input type="number" id="input_num" />
下記「調べたこと」以外に調べ方、検索キーワードがありましたらご教示ください。
または、入力キーを自動セットするようなプラグインなどをご存知の方がいましたらご教示ください。
#調べたこと
##ID指定のセット
JavaScript、jQueryのID指定で要素を取得し値をセットしている箇所はありませんでした。
※IDで調べました
javascript
1//JavaScript 2document.getElementById('input_num').value = keyCode; 3//jQuery 4$('#input_num').val(keyCode);
##フォーカス設定時イベント
モーダルの表示完了時に<input>
にフォーカスをあてている箇所があり
この一行をコメントアウトしたところ数字が自動セットされなくなったので
フォーカスイベントが関係しているのは間違いなさそうなのですが
focusin
などのキーワードで全検索してもそれらしい箇所はなさそうでした。
javascript
1$('#モーダルのID').on('shown.bs.modal', function(event) { 2 $('#input_num').focus(); 3});
##setInterval、setTimeout
数字キーは3桁程度なら連続して入力できるので
setInterval
やsetTimeout
を使っているのかと思いましたが
それらしい箇所はありませんでした。
回答1件
あなたの回答
tips
プレビュー