Ich habe eintextbox wo der Benutzer eine beliebige Anzahl von Zeichen eingeben kann, aber ich möchte seinewidth wird dynamisch in Bezug auf die Anzahl der eingegebenen Zeichen erhöht.

Ich habe die unten gezeigte Problemumgehung durchgeführt und sie funktioniert teilweise. Sie vergrößert die Breite dynamisch, jedoch nicht so genau und blendet die zuerst eingegebenen Zeichen nach einer Weile aus, da meine darin angewendete Logik nicht ausreicht. Ich habe gerade eine maximale Anzahl von 17 Zeichen angegeben, um das Inkrement zu starten.

Das Breiteninkrement sollte nur gestartet werden, wenn die Zeichenanzahl das Ende des Textfelds erreicht.

AKTUALISIEREN:

Ich möchte alle in das Feld eingegebenen Zeichen sichtbar machen, während das Textfeld standardmäßig die Zeichen ganz links verbirgt.

FIDDLE DEMO

HTML

<input type="text" id="txtbox" />

SKRIPT

$('#txtbox').keypress(function() {
    var txtWidth = $(this).width();
    var cs = $(this).val().length;

    if(cs>17){
       $(this).width(txtWidth+5);
    }
});