2017-05-16 22 views
0

現在、私はいくつかのブランドのスマートテレビアプリを作成しています。 地元の機器ショップでは、テレビでアプリをテストできるようにしています。 私が見つけたすべてのバグは、パナソニックデバイスのものを除き、修正するのが難しくありません。ソフトキーボードをHTMLのフォーカス入力に表示させる

アプリはパナソニックIPTVアプリデベロッパー(HTML5)アプリ SDKで起動します。 私はいくつかの入力フィールドを持つログイン画面を持っていますが、フォーカスが当たってもキーボードは表示されません。 このため、私は情報を入力することができず、フォームにフォーカスを移したり変更したりすることができません。

最初の入力フィールドにはオートフォーカスがあります。 登録していないフォーカスイベントやそれに類するものと何らかの関係があると思ってオートフォーカスを削除しました。 しかし、入力フィールドとの手動での対話の後、フィールドはフォーカスされますが、表示されるキーボードはありません。私のHTML入力フィールドの

例:入力フィールドをオートフォーカスするために私のJavascriptの

<!-- Input username --> 
<div class="row"> 
    <div class="col-xs-11 col-sm-8 col-sm-offset-2"> 
     <input type="text" class="form-control" name="username" id="username" placeholder="Gebruikersnaam" tabindex="1" autofocus> 
    </div><!-- .col --> 
</div><!-- .row --> 

例(ログイン成功後、私はテレビの矢印キーで、UL(私のメニュー)をナビゲートリモート、したがってタブインデックスと強制的なオートフォーカス)。

$(window).on("load", function() { 
    $("[autofocus]").focus(); 
}); 

ここに誰かが私の問題を解決する可能性がある別の解決策を知っていますか?

+0

いくつかのコードを提供できますか?痛みの徴候がないことを尋ねるだけです。 – geminiousgoel

+0

@ geminiousgoel、これはあなたに問題を説明するのに役立ちますか?または、余分な/その他の情報が必要ですか? – DjurnNelissen

+0

オートフォーカスは、ページの読み込み時にのみ確実に動作するように定義されています。 DOM要素をスワップ、オープン、または非表示にしている状況には向いていません。 – geminiousgoel

答えて

0

あなたはプロンプト(JavaScriptでthis-

を試すことができます)は、ソフトキーボードを開きます。

入力フィールドのフォーカスイベントでキーボードを開いて、自動フォーカスすることでこれを行うことができます。

$(textFiled).trigger("focus"); 

また、DOMが完全に読み込まれるまで待ちます。あなたのデバイスでこれが動作することを願っています。

+0

これを間違いなく試してみるつもりですが、次回は店でテストする予定です。 あなたの回答がうまくいくなら私はそれを答えにします。 しかし、それが数日後になることを期待してください。 – DjurnNelissen

関連する問題