JavaScript 代码实现 textarea 实现高度自适应。

最新推荐文章于 2023-10-23 20:56:34 发布

NotFoundNull

最新推荐文章于 2023-10-23 20:56:34 发布

阅读量200

点赞数

本文介绍了一种使用JavaScript实现的动态调整文本区域高度的方法。通过监听输入事件并更新样式属性，确保文本区域始终能完美适应内容长度，避免滚动条出现。

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

function readyNumber() {
    $('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';
    })
}

readyNumber()