Legen Sie programmgesteuert den Fokus von input-box von ListView ItemInvoked Ereignis [Windows 8 Metro-HTML5]

Edit:Wenn Sie nicht entwickelt, die auf Windows 8, versuchen Sie nicht, um diese Frage zu beantworten. Nicht abstimmen. Gar nicht, es zu Lesen. Dies ist nicht eine web-app oder-website und nicht in einem browser laufen. Bitte stop-down-Abstimmung die Inhalte, die Sie nicht verstehen. Dies ist eine Windows 8 METRO-HTML5/js-Anwendung, die läuft in der Windows-Runtime-Umgebung.

Ursprünglichen Frage:

Ich möchte den cursor auf "blinkend" in das Eingabefeld ein, bereit zum empfangen von Eingabe. Ich bin mit javascript-Fokus zu setzen. Funktioniert das nicht:

document.querySelector("#input-box").focus();

Wer weiß, warum? Ist die Fokus-Methode nicht die richtige ist, für dieses zu verwenden?

Danke.

Edit #2: Also es hat definitiv etwas mit der Tatsache zu tun, dass ich versuche, den Fokus auf das input aus einer ListView "itemInvoked" Ereignis. Das Ereignis wird ausgelöst, richtig, das element ist zugänglich aus der event-handler, und die Linie hat keine Fehler bei der Ausführung. Kann ich setzen, um meine input-tag vom standard-Schaltfläche click-Ereignis, aber nicht aus einem ItemInvoked Veranstaltung. Die Frage ist also, warum kann ich mich nicht konzentrieren, aus dieser event-handler?

InformationsquelleAutor der Frage JT703 | 2012-05-21

  1. 5

    Erstellt habe ich dieses kleine test-Projekt nur mit einer textbox und in der onload-setzen Sie den Fokus auf genau die gleiche Weise wie Sie tun. Ich habe versucht, es sowohl auf dem emulator und auf meinem lokalen Rechner und beide Methoden zu funktionieren scheint.

    Könntest du versuchen, wenn dieses Projekt für Sie arbeiten an Ihrer Maschine? Und können Sie uns etwas mehr Einblick, wenn Sie versuchen, legen Sie den Fokus? Jetzt in Ihrer Frage, es gibt nicht viel Informationen darüber, Wann es passiert.

    Herunterladen können Sie das sample über hier http://www.playingwith.net/Temp/TestFocusApplication.zip

    Update

    Okay, die scheinen zu finden es, wenn Sie rufen Sie die msSetImmediate Funktion mit der Funktion, die setzt den Fokus auf die textbox scheint es zu funktionieren. Ich habe keine option zum hochladen der test-Beispiel, so wird im folgenden finden Sie den code, wo befestige ich die ItemInvoked-handler und rufen Sie die setFocus-Funktion.

     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();
        }

    InformationsquelleAutor der Antwort ChristiaanV

  2. 1

    Welche bauen, sind Sie auf ? consumer preview oder anderen dev-previews ? Ich bin auf DP6 (für MS-Partner) und die JS standard-Sachen funktioniert.

    In meinem default.html ich habe:

    <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"/>

    Und dann in meine default.js in der app-gestartet-geladen Textvorschlag-Funktion, die ich habe:

    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();            
});

    Der einzige Grund den ich mir denken kann, dass es nicht funktioniert ist, dass das element zugegriffen wird, bevor es bereit ist. Oder früheren build Fehler. Ich habe die Lösung, rar ' D : http://www.mediafire.com/?ghz49gtfxlgr7en wenn Sie möchten, um zu sehen.

    InformationsquelleAutor der Antwort Orry S

  3. 0

    Versuchen, mit nicht-jquery regelmäßigen javascript wie

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

    InformationsquelleAutor der Antwort Steve Binder

  4. 0

    Versuchen diese um zu sehen, ob es hilft:

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

    InformationsquelleAutor der Antwort BenM

  5. 0

    Obwohl die Frage schon sehr alt ist. Aber ich kämpfte, um die Lösung zu finden.

    Erste Sache .focus() keinen Wert zurückliefern soll es nur setzen Sie den Fokus und undefined zurückgegeben wird.

    Auch, wenn wir den Fokus auf ein element stellen Sie sicher, dass element hat tabindex vorhanden, sonst würde es nicht den Fokus (vor allem in chrome).

    Die folgende Abfrage verwendet werden:

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

    InformationsquelleAutor der Antwort Firdous Ahmad

Schreibe einen Kommentar