jquery文字填写自动高度的实现方法
下面开始写一个jquery插件
(function($){
$.fn.autoTextarea=function(options){
vardefaults={
maxHeight:null,//文本框是否自动撑高，默认：null，不自动撑高；如果自动撑高必须输入数值，该值作为文本框自动撑高的最大高度
minHeight:$(this).height()
};
varopts=$.extend({},defaults,options);
return$(this).each(function(){
$(this).bind("pastecutkeydownkeyupfocusblur",function(){
varheight,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);
调用代码示例：
<textareaname="textarea"id="textarea"cols="60"rows="4"class="chackTextarea-area"></textarea>
<scripttype="text/javascript">
$(".chackTextarea-area").autoTextarea({
maxHeight:220,//文本框是否自动撑高，默认：null，不自动撑高；如果自动撑高必须输入数值，该值作为文本框自动撑高的最大高度
});
以上这篇jquery文字填写自动高度的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。