如何让 textarea 文本框 高度自动伸缩

Posted 2021-03-04 webff

个人博客：柚子青年。

原文链接：如何让 textarea 文本框 高度自动伸缩

 

本文主要讲的是如何让 textarea 文本框 自动伸缩

原理：每次输入文字后重置文本框默认高度 判断是否出现滚动条 动态修改高度 。

 

 

$(this).change(function () {
    this.style.height = ‘height‘; // height = textarea 默高度
    if (this.scrollHeight >= this.offsetHeight) { // 判断是否出现滚动条
        this.style.height = this.scrollHeight + ‘px‘; // 动态修改高度
    }
});