Textarea не авто изменяет размер с предварительно заполненным значением

У меня есть текстовое поле, которое меняет размер в зависимости от того, что я набираю. Я использовал это решение на KyleMit.Textarea не авто изменяет размер с предварительно заполненным значением

HTML:

<textarea onkeyup="textAreaAdjust(this)" style="overflow:hidden"></textarea>

JS:

function textAreaAdjust(o) { 
o.style.height = "1px"; 
o.style.height = (25+o.scrollHeight)+"px"; 
}

Это прекрасно работает, когда пользователь должен ввести в текстовом, но текстовое поле имеет предварительно заполненные в нем ценность. Изменение размера не работает с предварительно заполненным значением. Он изменяется только тогда, когда пользователь начинает печатать на текстовом поле.

пример предварительно заполненного текстового

<textarea onkeyup="textAreaAdjust(this)" style="overflow:hidden">Identify, formulate, research literature, and analyze user needs and taking them into account to solve complex information technology problems, reaching substantiated conclusions using fundamental principles of mathematics, computing fundamentals, technical concepts and practices in the core information technologies, and relevant domain disciplines.</textarea>

Есть ли способ я могу решить эту проблему с помощью CSS или JS?

источник

2016-11-13 Marielle Lapidario

Что такое проблема с использованием '' rows' и cols' атрибуты ? –

Вы должны использовать эти две строки кода из функции, а также, так что она используется во время загрузки страницы, а также,

Вы могли бы дать идентификатор в текстовой области, а затем вы могли бы назвать код таким образом, а затем вызвать его на странице загрузки, это, безусловно, работа, как показано ниже

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<meta charset="ISO-8859-1"> 
 
<title>Insert title here</title> 
 
</head> 
 
<body onload="callOnPageLoad()"> 
 
<script> 
 
function callOnPageLoad(){ 
 
\t document.getElementById("textareaEx").style.height="1px"; 
 
\t document.getElementById("textareaEx").style.height=(25+document.getElementById("textareaEx").scrollHeight)+"px"; 
 
\t } 
 
</script> 
 
<textarea onkeyup="callOnPageLoad()" id="textareaEx" style="overflow:hidden">Identify, formulate, research literature, and analyze user needs and taking them into account to solve complex information technology problems, reaching substantiated conclusions using fundamental principles of mathematics, computing fundamentals, technical concepts and practices in the core information technologies, and relevant domain disciplines.</textarea> 
 
</body> 
 
</html>

источник

2016-11-13 10:18:44 GraveyardQueen

Textarea не авто изменяет размер с предварительно заполненным значением

ответ

Смежные вопросы