2017년 6월 3일 토요일

JavaScript : textarea 높이 자동으로 길어지도록 처리(크로스브라우징)

<script type="text/javascript">
/**
* 내용 라인수에 맞추어 자동으로 textarea의 높이를 결정한다
* @ obj                <textarea>의 object : this
* @ limit                      최대 높이 제한(픽셀)
*/
function autoTextarea(obj,limit) {
        obj.style.height = "1px";
        if (limit >= obj.scrollHeight) obj.style.height = (20+obj.scrollHeight)+"px";
        else obj.style.height = (20+limit)+"px";
}
</script>

<textarea onkeyup="autoTextarea(this,100);" rows="5" cols="50">