jquery input select all on focus

Question

Ich verwende diesen Code, um zu versuchen, den gesamten Text im Feld auszuwählen, wenn ein Benutzer den Fokus auf das Feld legt. Was passiert, ist, es wählt alle für eine Sekunde, dann seine unselected und der Eingabe-Cursor ist links, wo ich geklickt habe...

$("input[type=text]").focus(function() {
   $(this).select();
});

Ich möchte, dass alles ausgewählt bleibt.

Answer 1

Ich benutze immer requestAnimationFrame() um interne Post-Event-Mechanismen zu überspringen, und das funktioniert in Firefox perfekt. Ich habe es nicht in Chrome getestet.

$("input[type=text]").on('focus', function() {
    requestAnimationFrame(() => $(this).select());
});

Answer 2

Ich benutze FF 16.0.2 und jquery 1.8.3, der ganze Code in der Antwort hat nicht funktioniert.
Ich verwende einen solchen Code und es funktioniert.

$("input[type=text]").focus().select();

Answer 3

Oder Sie können einfach <input onclick="select()"> Funktioniert perfekt.

Answer 4

var timeOutSelect;
$("input[type=text]").focus(function() { 
        var save_this = $(this);
        clearTimeout(timeOutSelect);
        timeOutSelect = window.setTimeout (function(){ 
                save_this.select(); 
        }, 100);
});

Verwenden Sie clearTimeout für mehr Sicherheit, wenn Sie schnell zwischen zwei Eingaben wechseln... clearTimeout löscht den alten Timeout...

Answer 5

Funktioniert hervorragend mit dem nativen JavaScript select() .

$("input[type=text]").focus(function(event) {
   event.currentTarget.select();
});

oder ganz allgemein:

$("input[type=text]")[0].select()