H5 的输入控件动态调整高度

html代码：

<div class="new-project-details">   
    <textarea class="pro-des-text" name="name" placeholder="请输入" >
    </textarea>
</div>

css代码：

.pro-des-text{
    height: 260px;
}

js代码：

let $text = $('.new-project-details').find('textarea').on('keyup', function(e) {
    e = e.target;
    if (e.clientHeight < e.scrollHeight) {
        e.style.height = e.scrollHeight + 'px';
    }
})
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容