设置textarea高度以匹配填充数据

时间:2017-08-17 12:30:41

标签: html css ruby-on-rails

所以我正在处理一些文本区域,我不想要滚动条。我已经想出如何在用户使用以下内容输入新信息时使textarea增长:

$('.step-change__text').on 'keyup keydown', ->
        resize(this);
        return
resize = (element) ->
    element.style.height = element.scrollHeight + 'px'
    return

我找不到的问题(导致搜索都导致上面的答案)是用户可以编辑预填充文本的记录,我希望文本区域使用已保存的文本进行扩展。

编辑:我尝试使用以下代码在页面加载时执行此操作:

$('.step-change__text').each ->
        resize(this)
        return

但那没有做到

1 个答案:

答案 0 :(得分:0)

正如@CBroe已经提到的那样。您所要做的就是不仅触发键事件,还触发内容更改。试试这段代码:

$('.step-change__text').on 'input keyup keydown', ->
        resize(this);
        return
resize = (element) ->
    element.style.height = element.scrollHeight + 'px'
    return