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文字填写自动高度的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
热门推荐
10 财运虎年祝福语简短语
11 单亲爸爸春节祝福语简短
12 狗狗上厕所训练
13 植物种植祝福语简短
14 翻译考试祝福语朋友简短
15 个人周年庆简短祝福语
16 狗狗怎么训练
17 分别祝福语简短搞笑英文
18 生日广州男生祝福语简短