トリアエズぶろぐ
フリーランスでやってる77世代のWEBプログラマが福岡からのんびりとお送りいたします。
スポンサーサイト


一定期間更新がないため広告を表示しています

<< [iOS & Android] ブラウザでフリックメニューとPull to RefreshできるjQueryプラグインの習作 | main | つなビィのiPhoneアプリをリリースしました! >>
[PhoneGap] ページを表示した時に自動でキーボードを表示するのは不可能?



PhoneGapアプリで画面を開いた時にフォームにフォーカスを当ててソフトウェアキーボードを自動的に表示したーーい!


というわけで。


通常のWEBでページを開いた時にフォーム部品にフォーカスを当てるには

<input type="text" autofocus="autofocus" /> (html5)


$("input").focus();

でOKですが、PhoneGapアプリで画面を開いた時に
フォーム部品にフォーカス ⇒ キーボード自動表示
するのは残念ながら不可能のようです。(※PhoneGapプラグインを利用すれば別)

試したのはこんな感じ(iOS6で検証)

<input type="text" autofocus="autofocus" />
$("input").focus()
$("input").select()
$("input").click()
$("input").trigger("click")
$("input").trigger("touchstart").trigger("touchend").focus()
$('input').focus().trigger( jQuery.Event("keydown", { keyCode: 37 }) );
setTimeout(function(){ $("input").focus(); }, 1000);

組み合わせも色々試しましたが、全滅でした(´・ω・`) 
実際にユーザが画面をタップしないとキーボードは出てこないみたいですね。
もし成功された方はそっと教えて頂けると嬉しいです><


以下のページではPhoneGapプラグインを作成することで実現しようとしてるみたいです。自分は試してません…。

ご参考までに〜

スポンサーサイト


COMMENT









Trackback URL
http://akihiro.jugem.jp/trackback/292
TRACKBACK