Setzen Sie den Fokus auf Eingabefeld

Ich versuche den Fokus auf die Suchleiste von diesem Leaflet-Plugin Eingabefeld, aber es funktioniert nicht. Ich habe versucht, mit der folgenden:

//jquery  
$("#leaflet-control-geosearch-qry").focus();  
//html  
document.getElementById("leaflet-control-geosearch-qry").focus();

Können Sie probieren Sie es selbst aus. Der Fokus wird nicht eingestellt Suchleiste mithilfe der oben genannten Linien.

Zuordnung einer von diesen auf eine Taste und Klick auf die Schaltfläche setzt den Fokus auf die Suchleiste.

<script>
    //Set Focus to Search Box
    function setFocusToSearchBar(){
        document.getElementById("leaflet-control-geosearch-qry").focus();
        //or $("#leaflet-control-geosearch-qry").focus();  
    }
</script>


<div id="Focus_on_Searchbar">
    <button id="sidebar_button_focus" onclick="setFocusToSearchBar();">
        Focus on Searchbar
    </button>
</div>

Dieser funktioniert!
Mit einem von diesen mit Chrome/FF-Konsole funktioniert nicht und ich habe keine Ahnung warum nicht, weil es funktioniert mit einem Knopf.?

Irgendwelche Ideen?
Ich bin mit Bootstrap für mein Header-Bar...vielleicht ist das wichtig?

Haben Sie versucht, mit autofocus direkt auf das html-Feld? also <input type="text" autofocus>. Never mind, so sah Sie aktualisiert die Frage ein bisschen...

InformationsquelleAutor schlomm | 2014-01-12

html jquery

9

Es funktioniert. Was passiert, ist, dass, wenn Sie Ihre Konsole öffnen, die Konsole hat den Fokus.

Geben Sie diese auf der Konsole:
```
setTimeout(function(){
    document.getElementById("leaflet-control-geosearch-qry").focus();
}, 5000);  //Will deffer execution 5 seconds
```
Schließen Sie dann die Konsole. Nach 5 Sekunden, wird es zu konzentrieren.
Also, es ist nicht ein coding problem, Mach dir keine sorgen 😉

Cheers

Vielen Dank für diesen Tipp. Es funktioniert jetzt. Sogar die code-Schnipsel aus meinem ersten post arbeiten. Nach dem schließen der Konsole, der Fokus wird auf die Suchleiste. Leider ist diese nicht lösen, mein "größeres problem". Ich arbeite an einem Projekt, wo eine Flugblatt-Karte gesteuert werden soll, über die Rede. Ich bin mit dem Google WebSpeech API, und ich möchte, um das Ereignis auszulösen, indem ein Befehl wie "Suche" und der Fokus sollte auf die search-bar. Ich habe gedacht, dass dies vielleicht das gleiche problem, aber die Karte ist definitiv das aktive Fenster.
Könntest du bitte markieren Sie meine Antwort als angenommen? 😀 ich werde dir helfen in deinem problem, auch
Natürlich 🙂 ich habe einfach vergessen, klicken Sie auf das Häkchen. Sollte ich eine neue Frage für die WebSpeech stuff/problem?
was ist das größere problem, das Sie haben? Ich verstehe es nicht gut
Es ist besser, wenn Sie öffnen eine neue Frage, damit andere Menschen Ihnen helfen können, außer mir 😉

InformationsquelleAutor Edgar Villegas Alvarado
0

Der code richtig ist, vielleicht hat der DOM noch nicht fertig ist, wenn Sie versuchen, Fokus zu setzen. Haben Sie Kapseln den code mit
```
$(document).ready(function() {
    …
    $("#leaflet-control-geosearch-qry").focus();
    …
});
```
?

InformationsquelleAutor synthomat
0
```
$('#leaflet-control-geosearch-qry').attr('tabIndex', -1).focus();
```
Funktioniert nur für den button. Über die Konsole funktioniert es nicht.

InformationsquelleAutor CRABOLO
10

Es funktioniert. Was passiert, ist, dass, wenn Sie Ihre Konsole öffnen, die Konsole hat den Fokus.

Geben Sie diese auf der Konsole:
```
setTimeout(function(){
    document.getElementById("leaflet-control-geosearch-qry").focus();
}, 5000);  //Will deffer execution 5 seconds
```
Schließen Sie dann die Konsole. Nach 5 Sekunden, wird es zu konzentrieren.
Also, es ist nicht ein coding problem, Mach dir keine sorgen 😉

Cheers
- Vielen Dank für diesen Tipp. Es funktioniert jetzt. Sogar die code-Schnipsel aus meinem ersten post arbeiten. Nach dem schließen der Konsole, der Fokus wird auf die Suchleiste. Leider ist diese nicht lösen, mein "größeres problem". Ich arbeite an einem Projekt, wo eine Flugblatt-Karte gesteuert werden soll, über die Rede. Ich bin mit dem Google WebSpeech API, und ich möchte, um das Ereignis auszulösen, indem ein Befehl wie "Suche" und der Fokus sollte auf die search-bar. Ich habe gedacht, dass dies vielleicht das gleiche problem, aber die Karte ist definitiv das aktive Fenster.
- Könntest du bitte markieren Sie meine Antwort als angenommen? 😀 ich werde dir helfen in deinem problem, auch
- Natürlich 🙂 ich habe einfach vergessen, klicken Sie auf das Häkchen. Sollte ich eine neue Frage für die WebSpeech stuff/problem?
- was ist das größere problem, das Sie haben? Ich verstehe es nicht gut
- Es ist besser, wenn Sie öffnen eine neue Frage, damit andere Menschen Ihnen helfen können, außer mir 😉
- Gemacht 😉 stackoverflow.com/questions/21082080/...
InformationsquelleAutor Edgar Villegas Alvarado
0

Der code richtig ist, vielleicht hat der DOM noch nicht fertig ist, wenn Sie versuchen, Fokus zu setzen. Haben Sie Kapseln den code mit
```
$(document).ready(function() {
    …
    $("#leaflet-control-geosearch-qry").focus();
    …
});
```
?

InformationsquelleAutor synthomat
0
```
$('#leaflet-control-geosearch-qry').attr('tabIndex', -1).focus();
```
- Funktioniert nur für den button. Über die Konsole funktioniert es nicht.
InformationsquelleAutor CRABOLO

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.