jQuery .focus() ist, markieren Sie alle vorausgefüllten text

HTML

<input id="formloginusername" type="text" name="username" placeholder="Username" value="Pre-filled-from-database"></input>

JS:

$(document).ready(function() {
    $("#formloginusername").focus();
});

Problem:

Den text "Prä-gefüllt-aus der Datenbank" markiert ist. Ich will nur den cursor in das Feld, als hätte der Benutzer es angeklickt, nachdem der text eingegeben.

Dank!

  • Das wäre die Browser-Standard-Verhalten.
  • Ich Stimme mit adeneo, abgesehen davon, dass Sie nicht brauchen, um eine enge-tag auf der input-wie dieses... </input> stattdessen schließen Sie die Eingabe wie diese <input id="formloginusername" type="text" name="username" placeholder="Username" value="Pre-gefüllt-vom-Datenbank" />
InformationsquelleAutor GiantDuck | 2012-11-14
  1. 14

    Hier ist eine nette kleine trick...

    $(document).ready(function() {
    var $field = $("#formloginusername"),
        oldVal = $field.val();
    $field.focus().val('').val(oldVal);
});

    DEMO: http://jsfiddle.net/X7Y8S/

    • Perfekt! Danke!
    • Das ist ein tolles Beispiel, danke. Frage: so, jetzt gehen Sie zu Ihrer Seite und es konzentriert, aber sagen, dass Sie als Benutzer mit der Eingabe beginnen: es ist nicht klar, der text, es fügt nur, um es. Dh Ihr Wert ist 'Suche!' Sie geben 'college-Mathe-Bücher', es wäre 'die Suche hier!college-Mathe-Bücher". Wie um dies zu vermeiden? EDIT: $("input.Suche-Eingabe-header")[0].reset(); funktioniert ok, aber nur, wenn Sie klicken Sie auf. Wie hast du den Fokus gesetzt UND wenn Sie mit der Eingabe beginnen, es löscht?
    • Wenn Sie nicht besorgt über ältere Browser, ich glaube, Sie beschreiben die Standard-Verhalten des placeholder Attribut. <input type="text" placeholder="search here!" />
    • Ich bin ein noob und ich entschuldige mich im Voraus, aber nie gehört, dass die Platzhalter-Attribut im input-tags. Ich ve wurde Googeln für ein bisschen jetzt. Meine aktuelle js ist gist.github.com/DavidPardy/5411042 . Es löscht, WENN Sie auf klicken, aber da der Fokus auf der Suche nach der form, ich will es klar wie du schreibst.
    • Überprüfen Sie heraus dieses JSFiddle (jsfiddle.net/X7Y8S/6) - das Verhalten kann anders sein, über den Browser, aber check it out auf Chrome. Ich DENKE, das ist, was Sie wollen - können Sie das bestätigen?
    • Dude, genial. Und ich bin traurig, wenn ich kam aus so unwissend, ich hatte buchstäblich noch nie gehört Platzhalter für solch eine Sache vorher. Danke!!! <3
    • Keine Sorge. Niemand weiß alles, und es ist sicherlich keine Schande, zu Fragen.

    InformationsquelleAutor ahren
  2. 0

    Nur dies zu tun:

    $('#field').focus().val($("#field").val());
    InformationsquelleAutor Hopstream
  3. 0

    Hopstream, was ich gefunden in Chrome-mit Ihrer Methode wird der cursor landete am Ende des Textes.
    Ich brauchte einen Weg, um den cursor fokussiert auf den Anfang des Feldes, ohne den text markieren.
    Dieser arbeitete für mich:

    $('#ElementID').each(function () {
    $(this).focus();
    diese.selectionEnd = diese.selectionStart;
    });

    InformationsquelleAutor jeff
Schreibe einen Kommentar