[Jquery] textarea 자동 증가 플러그인 테스트

출처 : http://babolsk.tistory.com/1053

 

Jquery textarea 자동 증가 플러그인 테스트

 

Jquery textarea 자동 증가 플러그인에 대해 확인해보았음.

 

구글링 시 많이 보이는 것은 autogrow.js 를 사용하라는 것이다.

다만 문제점은 autogrow.js 의 버전을 잘못 선택하면 jquery 1.11.x 버전에서 작동하지 않는다.

(이유는 $.browser 의 deprecated 후 1.9 버전부터 remove되었기 떄문임)

 

그러므로 jquery 1.9 이상 버전 사용시에는 autogrow.js 의 1.0.3 버전을 사용하여야 한다.

 

테스트 소스 첨부함

 

개인적으론 autosize 가 가장 무난해보임

 

autosize : http://plugins.jquery.com/autosize/

autogrow : http://plugins.jquery.com/autogrow/

expanding : http://plugins.jquery.com/ExpandingTextareas/

autosize, autogrow 적용

$(document).ready(function() {

    $("#cont_autosize").autosize(); //autosize 적용

    $("#cont_autogrow").autogrow(); //autogrow 적용

});

expanding 적용

<textarea id="cont_expanding" name="cont_expanding" class="expanding">