Pixel-Länge von Text in input-Feld ermitteln

[ChillerT]

Hallo,

gibt es eine Möglichkeit, auch während der Eingabe in ein Input Feld,
nicht nur die Zeichenlänge des Textes zu bestimmen, sondern auch die Pixellänge?

Vielen Dank für anregungen im Voraus

 

[omoxen]

schreib bei jedem keyup/keydown (oder dem Event, das du bisher schon benutzt) den Text in ein anderes Element (am besten mit visibility:hidden, display:inline, und den gleichen Style wie dein Input-Feld) und frag dann die breite ab ($(...).width())

 

[Tronjer]

Während der Eingabe?

Würde mir so auf Anhieb nur ein Workaround mit jQuery einfallen. Ein keyup-event, das den String in einen <span> wrapped und auf diesen die Methode width() anwendet.

 

[threadi]

Ohne jQuery wäre es auch über ein Hilfselement mittels scrollWidth möglich.