autoTextarea

最新推荐文章于 2025-07-29 01:46:31 发布

转载最新推荐文章于 2025-07-29 01:46:31 发布 · 169 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/leamiko/archive/2012/08/21/2649188.html

文章标签：

#javascript #ViewUI

(function($){
	$.fn.autoTextarea = function(options) {
		var defaults={
			maxHeight:null,//文本框是否自动撑高，默认：null，不自动撑高；如果自动撑高必须输入数值，该值作为文本框自动撑高的最大高度
			minHeight:$(this).height() //默认最小高度，也就是文本框最初的高度，当内容高度小于这个高度的时候，文本以这个高度显示
		};
		var opts = $.extend({},defaults,options);
		return $(this).each(function() {
			
			$(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);

转载于:https://www.cnblogs.com/leamiko/archive/2012/08/21/2649188.html