textarea控件自适应文本高度

最新推荐文章于 2026-02-26 19:13:07 发布

转载最新推荐文章于 2026-02-26 19:13:07 发布 · 435 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://blog.csdn.net/qq_35607510/article/details/74331305

收录于

前端

当前文章被收录于：

前端

5 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种使用jQuery实现的自适应文本区域高度的方法，通过监听输入事件动态调整文本区域的高度，确保其能够自动扩展以适应输入的内容长度，避免滚动条出现。

		
        //自适应
        $('textarea').each(function () {
            this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
        }).on('input', function () {
            this.style.height = 'auto';
            this.style.height = (this.scrollHeight) + 'px';
        });

转载自：https://blog.csdn.net/qq_35607510/article/details/74331305

标签

#前端 #样式