Question

我试图用JS设置textarea的高度，默认情况下这样说，但让用户稍后调整大小。所以我使用这个HTML / CSS / JS：

<textarea id="i3" cols="45" rows="5" style="line-height: 1.0;">
</textarea>

var obj = document.getElementById("i3");
if(obj.scrollHeight > obj.offsetHeight)
{
    obj.style.height = obj.scrollHeight + 'px';
}

问题是当textarea调整大小时，用户无法调整它的大小，小于我的JS设置的高度。有没有办法让用户这样做？

PS。我只需要谷歌Chrome浏览器（我正在编写Chrome扩展程序。）

Answer 1

问题在于，如果条件if(obj.scrollHeight > obj.offsetHeight)根据此浏览器未被命令在较小时查看，则使用此设置条件

  var obj = document.getElementById("i3");
if(obj.scrollHeight > obj.offsetHeight)
{
    obj.style.height = obj.scrollHeight + 'px';
}  
else if(obj.scrollHeight < obj.offsetHeight)
    {
        obj.style.height = obj.scrollHeight - 'px';
    }

我认为这会有所帮助，但我没有尝试过但很抱歉，如果我知道的话

我可以设置TEXTAREA元素的高度，但让用户稍后调整大小吗？

1 个答案: