首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >设置文本区域高度以匹配填充的数据

设置文本区域高度以匹配填充的数据
EN

Stack Overflow用户
提问于 2017-08-17 20:30:41
回答 1查看 71关注 0票数 0

所以我正在处理一些文本区,我不想要滚动条。我已经知道如何让文本区域随着用户输入新信息而增长,如下所示:

代码语言:javascript
运行
复制
$('.step-change__text').on 'keyup keydown', ->
        resize(this);
        return
resize = (element) ->
    element.style.height = element.scrollHeight + 'px'
    return

我很难找到(因为搜索都导致上述答案)是用户可以编辑记录,是预先填充的文本和我想要的文本区域是扩大与已经保存的文本。

编辑:我试着在页面加载时使用下面的代码:

代码语言:javascript
运行
复制
$('.step-change__text').each ->
        resize(this)
        return

但这并没有起到作用

EN

回答 1

Stack Overflow用户

发布于 2017-08-17 20:42:01

正如@CBroe已经提到的那样。您所要做的就是不仅在关键事件上触发函数,而且还在内容更改时触发函数。尝试以下代码:

代码语言:javascript
运行
复制
$('.step-change__text').on 'input keyup keydown', ->
        resize(this);
        return
resize = (element) ->
    element.style.height = element.scrollHeight + 'px'
    return
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45735194

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档