Как сделать автоматическое увеличение textarea по высоте, по мере заполнения текста?
- 2 года назадКак автоматически добавить height для textarea, чтобы по мере заполнения текста он увеличивал свою высоту?Ответов: 2
- 2 года назад
<textarea></textarea>
var textarea = document.querySelector('textarea');
textarea.addEventListener('keyup', function(){
if(this.scrollTop > 0){
this.style.height = this.scrollHeight + "px";
}
}); - 2 года назадBittles, если вам нужно, чтобы размер (высота) textarea автоматически увеличивалась при наборе или вставки текста (символов), а при их удалении чтобы размер textarea также уменьшался, то следующий код справиться с этой задачей:
<textarea id="myTextarea"></textarea>
$('body')
.one('focus.textarea', '#myTextarea', function(e) {
baseH = this.scrollHeight;
})
.on('input.textarea', '#myTextarea', function(e) {
if(baseH < this.scrollHeight) {
$(this).height(0).height(this.scrollHeight);
}
else {
$(this).height(0).height(baseH);
}
});
Не забудьте подключить библиотеку jQuery
Ваш ответ: