码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-03-24 13:21:40      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:div   function   个人博客   script   个人   scroll   offset   滚动   get   

个人博客:柚子青年。

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

 

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

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

 

 

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

  



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

标签:div   function   个人博客   script   个人   scroll   offset   滚动   get   

原文地址:https://www.cnblogs.com/webff/p/12558026.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!