본문 바로가기

프로그램

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

반응형

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"> 


jquery textarea plugin.zip