[解決済み] $.focus() が機能しない
2022-04-14 03:13:48
質問
その
の最後の例は、jQuery の
focus()
ドキュメント
状態
$('#id').focus()
は入力にフォーカス(アクティブ)させる必要があります。これがうまくいかないようです。
このサイトのコンソールでも、検索ボックスに対して試しています
$('input[name="q"]').focus()
と表示され、何も表示されません。何かアイデアはありますか?
解決方法を教えてください。
実は、コンソールにフォーカスを当てていない限り、このサイトにフォーカスを当てた例は問題なく機能します。うまくいかない理由は、単に開発コンソールからフォーカスを奪っていないからです。コンソールで次のコードを実行し、その後ブラウザ ウィンドウをすばやくクリックすると、検索ボックスにフォーカスが当たるのがわかります。
setTimeout(function() { $('input[name="q"]').focus() }, 3000);
もう一つの方ですが、過去に困ったのはイベントの順番です。DOMにアタッチされていない要素にfocus()を呼び出すことはできません。フォーカスしようとしている要素は、すでにDOMにアタッチされていますか?
関連
-
Uncaught TypeError: 未定義のプロパティ 'length' を読み取れませんでした。
-
[解決済み] jest.fn()の値はモック関数またはスパイである必要があります。
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] jQuery UIダイアログのクローズボタンを削除するには?
-
[解決済み] 入力にフォーカスがあるかどうかをテストするためにjQueryを使用する
-
[解決済み] file:// URLから実行されるアプリケーションのリクエストで、"Origin null is not allowed by Access-Control-Allow-Origin" エラーが発生する。
-
[解決済み] jQueryでオブジェクトに登録されたイベントハンドラを検索する
-
[解決済み] CSSを使用してSVG画像の色を変更する方法(jQuery SVG image replacement)とは?
-
[解決済み] jQuery: テキストで要素を検索する
-
[解決済み】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 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught SyntaxError: 予期しない入力の終了
-
[解決済み] jest.fn()の値はモック関数またはスパイである必要があります。
-
[解決済み] jQueryでdata属性で要素を選択する
-
[解決済み] ユーザーがEnterキーを押してフォームを送信できないようにする
-
[解決済み] チェックボックスのチェック/アンチェックは、jqueryを使用していますか?重複
-
[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする
-
[解決済み] .on('click') と .click() の違いについて
-
[解決済み] Google Maps APIでマウスのスクロールホイールによる拡大縮小を無効にする方法
-
[解決済み] jQueryを使用してテキストボックスの値を取得するには?
-
[解決済み] jQueryでloading spinnerを表示するには?