JS_jQuery插件_autoGrowing

源自《jQuery 1.4 Plugin Development Beginner's Guide》。

 

// 插件代码 /* jQuery.autoGrowing * require: jQuery 1.4+ */ ;(function($) { $.fn.extend({ "autoGrowing": function(opt) { var defaults = { minHeight: 0, maxHeight: 80 }; var o = $.extend(defaults, opt); return this.each(function(){ var ele = $(this); if (!ele.is("textarea")) return; var pValLength, pWidth, valLength, width, h; ele.css("overflow", "hidden").keyup(function(){ valLength = $(this).val().length; width = $(this).attr("offsetWidth"); if (valLength < pValLength || width != pWidth) { $(this).height(0); } h = Math.max(o.minHeight, Math.min($(this).attr("scrollHeight"), o.maxHeight)); $(this).css("overflow", ($(this).attr("scrollHeight") > h ? "auto" : "hidden")).height(h); pValLength = valLength; pWidth = width; }); }) } }) })(jQuery);