JavaScript Ergebnis in INPUT Feld + Zahl mittels CSS formatieren
bearbeitet von Gunnar Bittersmann@@Franz
Ich hab mal eine [Formatierung für Kreditkartennummern](https://codepen.io/gunnarbittersmann/pen/KKzwvqE) (4er-Blöcke) gebaut. Das ließe sich auch auf andere Formatierung übertragen. Ob das sinnvoll ist, ist eine andere Frage – keine unwichtige.
Besonderes Augenmerk muss man dabei auf die Cursorposition legen. Der Cursor muss nach der Umformatierung wieder hinter demselben Zeichen stehen wie vorher.
Einen Fehler hat die Lösung noch: Wenn der Cursor nach einem Leerzeichen steht (z.B. bei `1234 5678` direkt vor der 5), dann wird beim Drücken der Delete-Taste nicht die vorige Ziffer (die 4) gelöscht. (Es wird das Leerzeichen gelöscht und sofort wieder eins eingefügt.) Man muss den Cursor vor das Leerzeichen setzen, um die Ziffer zu löschen.
Wie kriegt man das behoben?
🖖 Stay hard! Stay hungry! Stay alive! **Stay home!**
{:@en}
--
*“Turn off CSS. If the page makes no sense, fix your markup.”* —fantasai
{:@en}
JavaScript Ergebnis in INPUT Feld + Zahl mittels CSS formatieren
bearbeitet von Gunnar Bittersmann@@Franz
Ich hab mal eine [Formatierung für Kreditkartennummern](https://codepen.io/gunnarbittersmann/pen/KKzwvqE) (4er-Blöcke) gebaut. Das ließe sich auch auf andere Formatierung übertragen. Ob das sinnvoll ist, ist eine andere Frage – keine unwichtige.
Besonderes Augenmerk muss man dabei auf die Cursorposition legen. Der Cursor muss nach der Umformatierung wieder hinter demselben Zeichen stehen wie vorher.
Einen Fehler hat die Lösung noch: Wenn der Cursor nach einem Leerzeichen steht (z.B. bei `1234 5678` direkt vor der 5), dann wird beim Drücken der Delete-Taste nicht die vorige Ziffer (die 4) gelöscht. (Es wird das Leerzeichen gelöscht und sofeort wieder eins eingefügt.) Man muss den Cursor vor das Leerzeichen setzen, um die Ziffer zu löschen.
Wie kriegt man das behoben?
🖖 Stay hard! Stay hungry! Stay alive! **Stay home!**
{:@en}
--
*“Turn off CSS. If the page makes no sense, fix your markup.”* —fantasai
{:@en}
JavaScript Ergebnis in INPUT Feld + Zahl mittels CSS formatieren
bearbeitet von Gunnar Bittersmann@@Franz
Ich hab mal eine [Formatierung für Kreditkartennummern](https://codepen.io/gunnarbittersmann/pen/KKzwvqE) (4er-Blöcke) gebaut. Das ließe sich auch auf andere Formatierung übertragen. Ob das sinnvoll ist, ist eine andere Frage – keine unwichtige.
Besonderes Augenmerk muss man dabei auf die Cursorposition legen. Der Cursor muss nach der Umformatierung wieder hinter demselben Zeichen stehen wie vorher.
Einen Fehler hat die Lösung noch: Wenn der Cursor nach einem Leerzeichen steht (z.B. bei `1234 5678` direkt vor der 5), dann wird beim Drücken der Delete-Taste nicht die vorige Ziffer (die 4) gelöscht. (Es wird das Leerzeichen gelöscht und sofeort wieder eins eingefügt.) Man muss den Cursor vor das Leerzeichen setzen, um die Ziffer zu löschen.
Wie kriegt man das behoben?
🖖 Stay hard! Stay hungry! Stay alive! **Stay home!**
{:@en}
--
*“Turn off CSS. If the page makes no sense, fix your markup.”* —fantasai
{:@en}