近日在写一个文本域自适应高度的功能,在网上发现一个效果比较好的方法。自己扩展了这个方法,现在分享给大家,有需要的朋友可以试一下,话不多说上代码。


	//	jquery插件方法文本域自适应高度
	$.fn.autoHeight = function(val) {
		function autoHeight(elem) {
			elem.style.height = 'auto';
			elem.scrollTop = 0; //防抖动
			elem.style.height = elem.scrollHeight + 'px';
		}
		//支持按键弹起时文本域自适应高度
		this.each(function() {
			$(this).on('keyup', function() {
				autoHeight(this);
			});
			//支持初始化文本域时自适应高度
			if(val) {
				$(this).val(val);
				autoHeight(this);
			}

		});
	}
	$("textarea").autoHeight();
	//var str = "空山新雨后,天气晚来秋。明月松间照,清泉石上流。竹喧归浣女,莲动下渔舟。随意春芳歇,王孙自可留。";
	//$("textarea").autoHeight(str);//文本域有初始值的情况     

  

 

第一篇小随笔,如有问题,欢迎指正。

posted on 2017-06-07 14:49  人静心净  阅读(415)  评论(0)    收藏  举报