スマホでフォームにフォーカスする方法

スマホでフォームにフォーカスする方法についてです。
ページ読み込み終了時に、
特定の入力フォームに自動でフォーカスしたいのですが、
うまくいきません。

通常、PCのブラウザだと以下のようにするとフォーカスするのですが、
スマホ（iPhone等）では動作しません。

$(document).ready( function() {
　$("#f1").focus();
});

もしくは、

window.onload=function(){
var elem = document.getElementById("f1");
elem.focus();
}

※f1 は input の id です。

なにか回避策や対処方法はありませんでしょうか？
よろしくお願いいたします。

No.1 ベストアンサー 回答者： hateri 回答日時： 2013/08/04 14:58

書き方は正しいですが、スマートフォンでは無効化されているので使えません。

なぜなら急にオートフォーカスさせるとなると、スマホの場合、キーボードを出さなくてはいけないため、ユーザーの混乱に招きかねないからです。

フォーカスを持って行ける例を参考URLに乗せておきましたので、ご覧ください。

参考URL：http://alpha.mixi.co.jp/2012/10807/

この回答へのお礼

ご回答いただき誠にありがとうございます。
ユーザの操作（ボタンを押すとか）に対して
返答する感じにしないとダメなんですね。
・・・ちょっと工夫してみます。

ありがとうございます。

お礼日時：2013/08/05 12:05