スマホでフォームにフォーカスする方法についてです。
ページ読み込み終了時に、
特定の入力フォームに自動でフォーカスしたいのですが、
うまくいきません。
通常、PCのブラウザだと以下のようにするとフォーカスするのですが、
スマホ(iPhone等)では動作しません。
$(document).ready( function() {
$("#f1").focus();
});
もしくは、
window.onload=function(){
var elem = document.getElementById("f1");
elem.focus();
}
※f1 は input の id です。
なにか回避策や対処方法はありませんでしょうか?
よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
書き方は正しいですが、スマートフォンでは無効化されているので使えません。
なぜなら急にオートフォーカスさせるとなると、スマホの場合、キーボードを出さなくてはいけないため、ユーザーの混乱に招きかねないからです。
フォーカスを持って行ける例を参考URLに乗せておきましたので、ご覧ください。
参考URL:http://alpha.mixi.co.jp/2012/10807/
ご回答いただき誠にありがとうございます。
ユーザの操作(ボタンを押すとか)に対して
返答する感じにしないとダメなんですね。
・・・ちょっと工夫してみます。
ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript Google reCAPTCHAについて 1 2023/02/22 14:37
- その他(プログラミング・Web制作) google formsを使ったタスク依頼フォーム作成におけるご相談 1 2023/06/22 15:55
- その他(IT・Webサービス) micro soft teamsのカメラ設定について 1 2023/05/25 18:07
- 一眼レフカメラ 一眼レフ Canon 5D mark4 の4K動画撮影 ピントが背景に持っていかれる 2 2023/05/10 22:52
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript gasについて 1 2022/05/31 21:51
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- Android(アンドロイド) microsoft teamsについて 2 2023/05/16 17:07
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScript window.openで開く...
-
webページ上のTabキーの動き
-
ブックマークレットの() 背景...
-
XMLでのAttributeを持ったNode...
-
javascriptの基本的なことだと...
-
投稿画像の確認画面
-
responseTextについて
-
ラジオボタンでreadonlyの切替え
-
codejump 模写コーディングgall...
-
同じIDで定義した要素の配列を...
-
javascriptでiframeのURL変更は?
-
ボタンをクリックすると数が増...
-
jspからjavascriptの変数引継ぎ
-
functionから別のfunctionを実...
-
C#で、ContextMenuStripに動的...
-
クリックすると上に開くアコー...
-
画像上のクリックした場所が分...
-
undefinedを表示させない方法は...
-
var_dumpのdump意味はを知りた...
-
hoge の謎
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScript window.openで開く...
-
乗換案内 VBAで操作したい
-
onClickイベントの変更方法
-
TexでΣの添え字の位置直し
-
javascriptの基本的なことだと...
-
Latexに関する質問です。
-
サブウィンドウに背景色をつけ...
-
XMLでのAttributeを持ったNode...
-
excle VBA とweb上の検索を利用...
-
javascriptのdocument.allにつ...
-
スマホでフォームにフォーカス...
-
Null またはオブジェクトではあ...
-
ラジオボタンでreadonlyの切替え
-
文字がマウスカーソルを追従す...
-
LaTeX:数式を等号揃えにする方法
-
選択によってsubmitボタンの色...
-
UWSCでオンクリックのボタンを...
-
VBAのIE操作でframe構造のサイ...
-
DOM要素を削除しても、イベント...
-
webページ上のTabキーの動き
おすすめ情報
