• J볃교

JQUERY 를 이용한 TEXTAREA HEIGHT 자동 조절

2018-11-26 188

설명

  • 카카오톡 링크

JQUERY 를 이용한 TEXTAREA HEIGHT 자동 조절 소스입니다 :D

소스실행 현황

소스보기( X표시가 나타나면 무시하셔도 됩니다! )

<style>
	.write_textarea {display:inline-block; width:100%; font-size:16px;  }
</style>
<textarea name="" id="" title="" class="write_textarea"></textarea>
<script type="text/javascript">
	$('.write_textarea').each(function () {
		this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
	}).on('input', function () {
		this.style.height = 'auto';
		this.style.height = (this.scrollHeight) + 'px';
	});
</script>