Создание текстовой области с автоматическим изменением размера ⇐ Html
Создание текстовой области с автоматическим изменением размера
Была еще одна тема по этому поводу, которую я попробовал. Но есть одна проблема: текстовая область не сжимается, если вы удаляете содержимое. Я не могу найти способ уменьшить его до правильного размера — значение clientHeight возвращает полный размер textarea, а не его содержимое.
Код с этой страницы приведен ниже:
функция FitToContent(id, maxHeight) { var text = id && id.style? идентификатор: document.getElementById(id); если (!текст) возвращаться; вар скорректированныйHeight = text.clientHeight; if ( !maxHeight || maxHeight > скорректированнаяHeight ) { скорректированнаяВысота = Math.max(text.scrollHeight, скорректированнаяВысота); если (maxHeight) скорректированнаяВысота = Math.min(maxHeight, скорректированнаяВысота); если (adjustHeight > text.clientHeight) text.style.height = AdjustHeight + «px»; } } window.onload = функция() { document.getElementById("ta").onkeyup = function() { FitToContent( это, 500 ) }; }
Была еще одна тема по этому поводу, которую я попробовал. Но есть одна проблема: текстовая область не сжимается, если вы удаляете содержимое. Я не могу найти способ уменьшить его до правильного размера — значение clientHeight возвращает полный размер textarea, а не его содержимое.
Код с этой страницы приведен ниже:
функция FitToContent(id, maxHeight) { var text = id && id.style? идентификатор: document.getElementById(id); если (!текст) возвращаться; вар скорректированныйHeight = text.clientHeight; if ( !maxHeight || maxHeight > скорректированнаяHeight ) { скорректированнаяВысота = Math.max(text.scrollHeight, скорректированнаяВысота); если (maxHeight) скорректированнаяВысота = Math.min(maxHeight, скорректированнаяВысота); если (adjustHeight > text.clientHeight) text.style.height = AdjustHeight + «px»; } } window.onload = функция() { document.getElementById("ta").onkeyup = function() { FitToContent( это, 500 ) }; }
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение