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文字填写自动高度的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
热门推荐
3 祝福语简短的微信
10 幼儿祝福语大全简短贺卡
11 感谢教官文案祝福语简短
12 鼠年同事祝福语简短创意
13 元旦祝福语 简短独特群发
14 妈咪跟我生日祝福语简短
15 给儿子新婚祝福语简短
16 伴娘祝福语长文案简短
17 恭喜高考完祝福语简短
18 生日祝福语送老公简短