freezner

[jQuery] Textarea 줄바꿈시 자동 리사이즈 시키는 방법

textarea에서 글을 작성할때 줄바꿈을 하면 상자의 세로길이가 변경되는 소스입니다.

<script type="text/javascript">
$(document).ready(function(){
   $("#textarea").on("keyup", function(){
      textarea_resize(this, 10);
   });
});

function textarea_resize(id, offset) {
   obj.style.height = "1px";
   obj.style.height = (obj.scrollHeight + offset) + "px";
}
</script>

<textarea id="textarea"></textarea>

textarea_resize 함수의 인자 중 offset은 줄바꿈을 했을때 세로값을 임의로 추가할때 사용됩니다.

Exit mobile version