powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос про высоту textarea : scrollHeight и clientHeight
4 сообщений из 4, страница 1 из 1
Вопрос про высоту textarea : scrollHeight и clientHeight
    #38703165
Фотография Паша01
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Пытаюсь сделать, чтобы при вводе текста высота textarea увеличивалась.
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
function adjustHeight(textarea, event){
    var sHeight = textarea.scrollHeight;
    var cHeight = textarea.clientHeight;
    var ekey = event.keyCode;
    var dif = sHeight - cHeight;
    if (dif){
        if (isNaN(parseInt(textarea.style.height))){
            textarea.style.height = textarea.scrollHeight + "px"
        }else{
            textarea.style.height = parseInt(textarea.style.height) + dif + "px"
        }
    }
}


Вроде надо обрабатывать событие keydown , но при этом почему-то когда переходишь на новую строку, у textarea атрибут scrollHeight не увеличивается!
Хотя появилась новая строка и высота явно должна стать больше.
Код: javascript
1.
$(textarea).keydown(function(event){adjustHeight(textarea, event);});


В чем может быть причина?
...
Рейтинг: 0 / 0
Вопрос про высоту textarea : scrollHeight и clientHeight
    #38703575
QWlite
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
может так?
Код: javascript
1.
$(textarea).on('change keyup paste',function(event){adjustHeight(textarea, event);});
...
Рейтинг: 0 / 0
Вопрос про высоту textarea : scrollHeight и clientHeight
    #38703718
Фотография Паша01
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
QWliteможет так?
Код: javascript
1.
$(textarea).on('change keyup paste',function(event){adjustHeight(textarea, event);});


С keyup работает, но видно как дергается верхняя строка. Хотелось бы без дерганья.
...
Рейтинг: 0 / 0
Вопрос про высоту textarea : scrollHeight и clientHeight
    #38703774
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Паша01,

http://javascript.ru/forum/misc/11724-izmenenie-razmera-textarea.html

Или вообще отказаться от TextArea
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; windows-1251">
<style type="text/css"></style>
</head>
<body>
<div contenteditable="true" style="width:350px; border:1px solid #ccc;">
Защитить <b>Исследовательский цент парения</b> <br>
Освободить <b>Комплекс по добыче воды</b> <br>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос про высоту textarea : scrollHeight и clientHeight
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]