ListViewのItemInvokedイベントから入力ボックスのフォーカスをプログラムで設定しました[Windows 8 Metro HTML5]

Question

編集： Windows 8で開発していない場合は、この質問に回答しないでください。それに投票しないでください。それを読むことさえしないでください。これはウェブアプリやウェブサイトではなく、ブラウザでは実行されません。あなたが理解していない内容の投票をやめてください。これはWindows Runtime環境で動作するWindows 8 METRO HTML5/jsアプリケーションです。

オリジナル質問：

私は入力を受信する準備ができて、カーソルが入力ボックスに「点滅」することにしたいです。私はフォーカスを設定するためにJavaScriptを使用しています。これは動作していません：

誰でも知っていますか？フォーカスメソッドはこれに使用する正しいメソッドではありませんか？

ありがとうございます。

編集＃2：これは、ListViewの「itemInvoked」イベントからの入力にフォーカスを設定しようとしているという事実とは関係があります。イベントは正常に発生しており、イベントハンドラから要素にアクセスでき、実行中にエラーが発生していません。標準のボタンクリックイベントから入力タグにフォーカスを設定できますが、ItemInvokedイベントからはフォーカスを設定できません。だから問題は、なぜ私はこのイベントハンドラ内からフォーカスを設定できないのですか？

Answer 1

私はこの小さなテストプロジェクトをテキストボックスだけで作成し、オンロードではまったく同じようにフォーカスを設定しました。エミュレータとローカルマシンの両方で試してみましたが、どちらの方法もうまくいくようです。

このプロジェクトがあなたのマシン上で動作していれば試してみることができますか？そして、あなたが焦点を当てようとしているときにあなたに私たちにいくつかの洞察を与えることができますか？あなたの質問には、今起こっていることについての多くの情報はありません。

あなたがここにhttp://www.playingwith.net/Temp/TestFocusApplication.zip

上のサンプルをダウンロードすることができます更新

さて、あなたは動作しているようですテキストボックスにフォーカスを設定する関数でmsSetImmediate関数を呼び出す場合は、それを発見したように見えます。私はテストサンプルをアップロードするオプションがありませんので、ItemInvokedハンドラを付けてsetFocus関数を呼び出すコードを見つけてください。

var listView = document.getElementById("basicListView"); 

       listView.winControl.addEventListener("iteminvoked", function (evt) { 
        if (listView.winControl.selection.count() > 0) {       
         msSetImmediate(setFocus); 
        } 
       }); 

function setFocus() { 
      //Set focus on input textbox; 
      var input = document.querySelector("#input-box") 
      input.focus(); 
     } 

Answer 2

は

document.getElementById('myElementsID').focus()

Answer 3

のような非jqueryの通常のJavaScriptを使用してみてくださいそれが助けかどうかを確認するために、これを試してみてください：

あなたがオンになっているの構築

if(document.createEvent) 
{ 
    document.getElementById('input-box').dispatchEvent('DOMFocusIn'); 
} 
else 
{ 
    document.getElementById('input-box').fireEvent('DOMFocusIn', event); 
} 

Answer 4

を？コンシューマプレビューや他のdevのプレビュー？私はDP6（MSパートナーが利用可能）で、JS標準のものが動作します。私が持っている私にdefault.htmlで

：私にDefault.jsで

<input id="input1" type="text" value="one"/> 
<input id="input2" type="text" value="two"/> 
<input id="focus_btn" type="button" value="Set focus 1"/> 
<input id="focus_btn2" type="button" value="Set focus 2"/> 

そしてを、私は持っているアプリ-打ち上げ仕掛け定型機能で：

document.querySelector('#focus_btn').addEventListener('click', function() { 
    var input1 = document.querySelector('#input1').focus();    
}); 

document.querySelector('#focus_btn2').addEventListener('click', function() { 
    var input1 = document.querySelector('#input2').focus();    
}); 

唯一の理由私はそれが機能していないと考えることができるのは、要素が準備が整う前にアクセスされているということです。それ以前のバグはビルドします。私はあなたが見たい場合は、http://www.mediafire.com/?ghz49gtfxlgr7enに解決策rar'dを持っています。

Answer 5

質問は非常に古いですが。しかし、私はこれを解決するために奮闘しました。

最初の.focus（）はフォーカスを設定した値を返しません。未定義が返されます。

また、いくつかの要素にフォーカスを置くと、その要素にtabindexが存在することを確認します。そうでなければ、（主にクロムに）フォーカスしません。

次のクエリを使用することができる。

element.querySelector('#label').setAttribute('tabindex','0'); 
element.querySelector('#label').focus();