Nach dem Laden der Seite Ich möchte den Cursor auf ein bestimmtes Feld bewegen. Kein Problem. Aber ich muss auch den Standardwert auswählen und markieren, der in diesem Textfeld platziert wird.Wie wählt man automatisch ein Eingabefeld und den darin enthaltenen Text beim Laden der Seite
Antwort
Von http://www.codeave.com/javascript/code.asp?u_log=7004:
var input = document.getElementById('myTextInput');
input.focus();
input.select();
<input id="myTextInput" value="Hello world!" />
es beim Laden der Seite zu tun:
In Ihrem Input-Tag legen die Folgende:
onFocus="this.select()"
Dies funktioniert nur in FireFox. In Chrome können Sie das beheben, indem Sie "onmouseup = 'return false'" hinzufügen, aber das wird das Problem in Edge nicht lösen, noch löst es das Problem, wenn Sie die Tastatur verwenden, um in das Element zu navigieren. – Vincent
Ich habe es einfach ausprobiert und arbeite auch an Chrome ('Version 55.0.2883.95 (64-bit)') –
Ich habe eine sehr einfache Methode gefunden, die gut funktioniert:
<input type="text" value="test" onclick="this.select()">
Test hier. Dies funktioniert sowohl bei Firefox als auch bei Chrome.
<input type="text" value="test" autofocus="autofocus" onfocus="this.select()">
versuchen diese
<input type="text" onclick="this.focus();this.select()">
Einfach, Inline, plain js = sublime. – rzb
Dies wird heutzutage ziemlich gut unterstützt https://caniuse.com/#search=autofocus – robstarbuck
bei der Verwendung von Jquery ...
html:
<input type='text' value='hello world' id='hello-world-input'>
jquery:
$(function() {
$('#hello-world-input').focus().select();
});
- 1. Einstellung Fokus auf ein HTML-Eingabefeld beim Laden der Seite
- 2. Fokus Eingabefeld beim Laden
- 3. Öffnen Sie jQuery ColorBox automatisch beim Laden der Seite
- 4. Wie wählt man den Wert aus den ng-Optionen basierend auf den Daten (beim Laden)
- 5. ASP Dynamic Bootstrap Multiselect, wie wählt man, was beim Laden der Seite ausgewählt wird? Mit
- 6. .NET Fehler? SplitContainer Split move wählt den gesamten Text der enthaltenen Steuerelemente aus
- 7. Automatisch Text in ein Eingabefeld mit simulierten Tasten drücken
- 8. Wie kann man die div-Breite entsprechend dem darin enthaltenen Text erhöhen?
- 9. Wie kann ein Formular automatisch beim Laden der Seite in JavaScript gesendet werden?
- 10. Wie man den Titel der ASPX-Seite dynamisch beim Laden der Seite ändert
- 11. Vergleich einer Variablen vom Typ float den darin enthaltenen Wert
- 12. Einstellung meta: resourcekey beim Laden der Seite
- 13. Deserialisieren ein JSON-Objekt mit mehreren darin enthaltenen Elementen
- 14. Wie kann ich den Flaschenhals beim Laden der Seite ermitteln?
- 15. Wie fülle ich Daten in einem Eingabefeld mit Javascript direkt beim Laden der Seite?
- 16. Asp.net MVC jQuery - wie kann ich ein Skript automatisch beim Laden der Seite ausgeführt
- 17. jQuery .fadeIn() beim Laden der Seite?
- 18. Wie initialisiere ich den umgekehrten Geocode beim Laden der Seite?
- 19. Gibt ein Elternelement zurück, das mit dem darin enthaltenen Text übereinstimmt?
- 20. AngularJS Radiobutton beim Laden der Seite ausgewählt
- 21. Wie Sie die Eingabe fokussieren und den Text darin abwählen
- 22. Wie wird der Klick beim Laden der Seite ausgelöst?
- 23. Hide Woocommerce Produktbeschreibung und Spezifikation beim Laden der Seite?
- 24. Auto-Formular beim Laden der Seite senden
- 25. automatisch div auf Seite laden
- 26. Inhalt springt beim Laden der Seite
- 27. JQuery Trigger-Ereignis beim Laden der Seite
- 28. svg !! Ändern Sie den Text beim Laden
- 29. Kann ich eine TMemo-Größe selbst zum darin enthaltenen Text hinzufügen?
- 30. Laden der Unterseite der Seite jedes Mal beim Laden der Seite
Dies funktioniert in Firefox, aber dies wird nicht den Text in Chrome oder Edge auswählen. – Vincent
Focus-Methode scheint gut zu funktionieren – edward