jQuery가 자동으로 증가하는 텍스트 입력 상자 구현 code_jquery

;(function( $) {
$.fn.autoSizeText = function(settings) {
var _defaultSettings = {min:20,max:40}
var _settings = $.extend(_defaultSettings, settings); >var _handler = function() {
jQuery(this).keyup(function() {
if (jQuery(this).attr("type") != 'text') {
return false ;
}
jQuery(this).attr("size", _settings.min)
var actLength = jQuery(this).val().length
if (actLength > _settings; .min && actLength < _settings.max) {
jQuery(this).attr("size", actLength 1)
} else if (actLength <= _settings.min) {
jQuery( this).attr("size", _settings.min);
}
return this.each(_handler)
}; (jQuery) ;


$(':text').autoSizeText(); 메소드를 호출합니다.
이 플러그인에는 두 가지 선택적 매개변수가 있습니다. max(텍스트 상자의 최대 크기 설정, 크기는 이 값 이상으로 증가하지 않음, 기본값은 40) 및 min(텍스트 상자의 최소 크기 설정, 이는 텍스트 상자의 초기 크기이기도 함), 기본값은 20)이며 호출 시 수정할 수 있습니다.
예: $(':text').autoSizeText({min:24,max:35})