首页 / 脚本样式 / JavaScript / jquery文字填写自动高度的实现方法

（function（$）{$.fn.autoTextarea = function（options） {var defaults={maxHeight:null,//文本框是否自动撑高，默认：null，不自动撑高；如果自动撑高必须输入数值，该值作为文本框自动撑高的最大高度minHeight:$（this）.height（）};var opts = $.extend（{},defaults,options）;return $（this）.each（function（） {$（this）.bind（"paste cut keydown keyup focus blur",function（）{var height,style=this.style;this.style.height = opts.minHeight + "px";if （this.scrollHeight > opts.minHeight） {if （opts.maxHeight && this.scrollHeight > opts.maxHeight） {height = opts.maxHeight;style.overflowY = "scroll";} else {height = this.scrollHeight;style.overflowY = "hidden";}style.height = height + "px";}}）;}）;};}）（jQuery）;

<textarea name="textarea" id="textarea" cols="60" rows="4" class="chackTextarea-area"></textarea><script type="text/javascript">$（".chackTextarea-area"）.autoTextarea（{maxHeight: 220,//文本框是否自动撑高，默认：null，不自动撑高；如果自动撑高必须输入数值，该值作为文本框自动撑高的最大高度}）;