首页 > 代码库 > js控制textarea高度自适应
js控制textarea高度自适应
<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><style type="text/css">.chackTextarea-area{line-height: 20px; font-size: 14px;padding: 0;border: 1px solid #CDCDCD; width: 400px;}</style><script type="text/javascript" src=http://www.mamicode.com/"jquery-1.7.1.js"></script><script type="text/javascript">(function($){ $.fn.autoTextarea = function(options) { var defaults={ maxHeight:null, minHeight:$(this).height() }; var opts = $.extend({},defaults,options); $(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);</script></head><body><div> <textarea name="textarea" id="textarea" cols="60" rows="1" class="chackTextarea-area"></textarea></div> <script type="text/javascript"> $(".chackTextarea-area").autoTextarea({maxHeight:220});</script></body></html>
js控制textarea高度自适应
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。