이 기사의 예에서는 JS에서 적응형 높이 양식 텍스트 상자를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. JS는 적응형 높이 양식 텍스트 상자를 구현합니다 <br> #shadow, #text { 글꼴: 12px/16px Arial; 너비: 200px; 숨김: 16px; #shadow { 위치: 절대; 테두리 너비: 0px; 가시성: 숨김; #text { 크기 조정: 없음 }<br> </스타일><br> <script type="text/javascript"><br> window.onload = 함수 () {<br> var text = document.getElementById("text") //사용자에게 표시되는 텍스트 상자<br> var Shadow = document.getElementById("shadow") //숨겨진 텍스트 상자<br> text.oninput = //IE가 아님 <br> text.onpropertychange = //IE의 <br> 변경시;<br> ~ 함수 onchange() {<br> Shadow.value = text.value;<br> setHeight();<br> ~ > function setHeight() { text.style.height = Shadow.scrollHeight "px" }<br> }<br> };<br> <br> </머리><br> <br> <textarea id="text"></textarea><br> <textarea id="shadow"></textarea><br> </본문><br> </div>
