Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос про высоту textarea : scrollHeight и clientHeight / 4 сообщений из 4, страница 1 из 1
22.07.2014, 17:10
    #38703165
Паша01
Паша01
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про высоту textarea : scrollHeight и clientHeight
Пытаюсь сделать, чтобы при вводе текста высота 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
| Ответить | Цитировать | Написать  
23.07.2014, 10:12
    #38703575
QWlite
QWlite
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про высоту textarea : scrollHeight и clientHeight
может так?
Код: javascript
1.
$(textarea).on('change keyup paste',function(event){adjustHeight(textarea, event);});
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.07.2014, 11:50
    #38703718
Паша01
Паша01
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про высоту textarea : scrollHeight и clientHeight
QWliteможет так?
Код: javascript
1.
$(textarea).on('change keyup paste',function(event){adjustHeight(textarea, event);});


С keyup работает, но видно как дергается верхняя строка. Хотелось бы без дерганья.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.07.2014, 12:37
    #38703774
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос про высоту textarea : scrollHeight и clientHeight
Паша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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос про высоту textarea : scrollHeight и clientHeight / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 430ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1446879]:
 0ms
get settings:
 10ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 152ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 26ms
get tp. blocked users:
 1ms
others: 217ms
total:  430ms
x
x
Закрыть


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