[解決済み] $.focus() が機能しない
2022-03-05 10:43:02
質問
その
の最後の例は、jQuery の
focus()
ドキュメント
状態
$('#id').focus()
は入力にフォーカス(アクティブ)させる必要があります。これがうまくいかないようです。
このサイトのコンソールでも、検索ボックスに対して試しています
$('input[name="q"]').focus()
と表示され、何も表示されません。何かアイデアはありますか?
解決方法を教えてください。
実は、コンソールにフォーカスを当てていない限り、このサイトにフォーカスを当てた例は問題なく機能します。うまくいかない理由は、単に開発コンソールからフォーカスを奪っていないからです。コンソールで次のコードを実行し、その後ブラウザ ウィンドウをすばやくクリックすると、検索ボックスにフォーカスが当たるのがわかります。
setTimeout(function() { $('input[name="q"]').focus() }, 3000);
もう一つの方ですが、過去に困ったのはイベントの順番です。DOMにアタッチされていない要素にfocus()を呼び出すことはできません。フォーカスしようとしている要素は、すでにDOMにアタッチされていますか?
関連
-
[解決済み】BootstrapがUncaught Errorを投げる。BootstrapのJavaScriptはjQueryを必要とする【解決済み
-
[解決済み】Ajaxクロスオリジンリクエストがブロックされました。同一生成元ポリシーがリモートリソースの読み取りを不許可にする
-
[解決済み] jQueryでページスクロールをプログラム的に無効にする方法
-
[解決済み] jqueryでドロップダウンボックスを有効化/無効化する
-
[解決済み] jQuery .validate() submitHandler が起動しない
-
[解決済み] jqueryでアンカークリックをシミュレートするにはどうしたらいいですか?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] 入力にフォーカスがあるかどうかをテストするためにjQueryを使用する
-
[解決済み] file:// URLから実行されるアプリケーションのリクエストで、"Origin null is not allowed by Access-Control-Allow-Origin" エラーが発生する。
-
[解決済み】jQueryのlose focusイベント
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】jQueryのセレクタにワイルドカードを使用した場合
-
[解決済み] TypeError: $(...).autocomplete は関数ではありません。
-
[解決済み] jQuery が Ajax 呼び出しの終了を待って戻るようにするにはどうすればよいですか?
-
[解決済み] 無効な JSON プリミティブ ERROR
-
[解決済み] どのようにjQueryでJSON配列をループするのですか?
-
[解決済み] jQuery .validate() submitHandler が起動しない
-
[解決済み] jQueryで背景画像をアニメーションで変化させる
-
[解決済み] jQuery slidetoggleが動作しない?[クローズド]
-
[解決済み] jqueryでアンカークリックをシミュレートするにはどうしたらいいですか?
-
[解決済み] jquery form が期待通りに動作しない。ajaxForm が関数でない。