Wie kann man eine Textbox beim Eingeben von Zeichen vergrössern?
Guten Tag,
ich programmiere gerade eine Textbox (input type=„text“), welche 200px lang ist. Nun möchte ich aber mit Hilfe von jQuery machen, dass wenn der eingegebene Text länger als 200px ist, die Box sich automatisch vergrössert, dass man immer den ganzen Text sieht. Wie kann ich das machen?
Freundliche Grüsse
1 Antwort
Z.B. so (ohne jQuery)
<input type="text" width="200" id="test">
<script>
var test = document.getElementById('test');
test.addEventListener('keydown', function (){
if (test.scrollWidth > test.clientWidth) {
test.style.width = 'min(' + test.scrollWidth + 10 + 'px, 100vw)';
}
});
</script>
Woher ich das weiß:Hobby – Entwickle seit ca 5 J. Software in vers. Programmiersprachen
