━目次━
あるフレームワークで開発中にポップアップを表示する補助機能がありました。
モーダルダイアログ(jQuery UI)を表示するのですが、その中のある項目にオートフォーカスする必要がありました。
が、
何故か上手くいかない、、、
よく分からないままとりあえず解決したので詳しい方は是非教えてください。。。
上手くいかなかったコード(一部抜粋)
1.autofocus属性を指定
1 |
<input type="text" id="textId" autofocus > |
2.jQueryのセレクタを使用
1 2 3 4 5 6 7 8 9 10 11 |
<body> <script> $(function(){ $("#textId").focus(); }) </script> <input type="text" id="textId" > </body> |
inputタグ内に書く方法、jQueryのセレクタを使用する方法どちらも上手くいきませんでした。
因みに親画面ではどちらも正常に動作することは確認できました。
上手くいったコード
1 2 3 4 5 6 7 8 9 10 11 |
<body> <script> $(function(){ document.getElementById("textId").focus(); }) </script> <input type="text" id="textId" > </body> |
素のJavaScriptでDOM操作する書き方にすると正常にオートフォーカスされました。
さいごに
inputタグ内に書くのがダメなのは、親画面にもautofocusが指定してあるinputタグがあるので重複が原因かと予想がつきます。
が、
何故jQueryの指定はダメで、素のJavaScriptだといけるのかがいまいち分からない結果となりました。
誰か教えてくださ~~い
それでは!また!!
最後まで読んで頂きありがとうございます!
人気の記事だけ集めたので是非覗いていってください^^
厳選!目的別にオススメ記事を紹介-あなたの欲しい情報がここに-
人気の記事だけ集めたので是非覗いていってください^^
厳選!目的別にオススメ記事を紹介-あなたの欲しい情報がここに-