textarea输入框随高度随内容撑开

	方法一(jquery):
	
	$('textarea').each(function () {
    
    
	  this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
	}).on('input', function () {
    
    
	  this.style.height = 'auto';
	  this.style.height = (this.scrollHeight) + 'px';
	});
	
	方法二:
	
	function setHeight(element) {
    
    
	  $(element).css({
    
    'height':'auto','overflow-y':'hidden'}).height(element.scrollHeight);
	}
	$('textarea').each(function () {
    
    
	  setHeight(this);
	}).on('input', function () {
    
    
	  setHeight(this);
	});

在这里插入图片描述

在这里插入图片描述

这里是引用:https://www.cnblogs.com/GoCircle/p/9759252.html

猜你喜欢

转载自blog.csdn.net/qq_31182399/article/details/107712055