textarea自動擴充高度（jquery實現）

標籤：style   io   ar   on   cti   ef   as   tt   c   

項目中用到了textarea自動擴充高度的功能，網上查了幾個都不太完善，稍微修改了一下，主要是添加了當內容刪除時候的自動減少高度功能。如需指定textarea，修改選取器即可。

$(document).on("input propertychange", "textarea", function (e) {       var target = e.target;       // 儲存初始高度，之後需要重新設定一下初始高度，避免只能增高不能減低。                   var dh = $(target).attr(‘defaultHeight‘) || 0;        if (!dh) {            dh = target.clientHeight;            $(target).attr(‘defaultHeight‘, dh);        }        target.style.height = dh +‘px‘;        var clientHeight = target.clientHeight;        var scrollHeight = target.scrollHeight;        if (clientHeight !== scrollHeight) { target.style.height = scrollHeight + 10 + "px";        }    });

textarea自動擴充高度（jquery實現）