textarea控件自适应文本高度

最新推荐文章于 2024-10-25 09:17:31 发布

转载最新推荐文章于 2024-10-25 09:17:31 发布 · 376 阅读

0 ·

CC 4.0 BY-SA版权

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

文章标签：

#前端 #样式

前端专栏收录该内容

5 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

		
        //自适应
        $('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