textarea文本域自适应高度[自动增加高度]

在作为留言或者其他的网站备注的地方都是用的textarea，但是当文字多过其高度的时候，前面的文字就被顶到上面去了，要看内容还要翻上去。

当有了这个就不需要了，因为他会自动增加高度，适应当前的文字高度。

方法其实很简单，建议以后模板的作者可以加上。

1.引入Jquery.

body { background:#fff; }
textarea {width:300px; min-height:60px; overflow:hidden;}

$.fn.autoHeight = function(){function autoHeight(elem){elem.style.height = 'auto';elem.scrollTop = 0; //防抖动elem.style.height = elem.scrollHeight + 'px';}this.each(function(){autoHeight(this);$(this).on('keyup', function(){autoHeight(this);});});}$('textarea[autoHeight]').autoHeight();

textarea

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！