javascript——textarea自动伸缩问题

最新推荐文章于 2022-11-18 17:42:28 发布

闲逛上海滩

最新推荐文章于 2022-11-18 17:42:28 发布

阅读量1.2k

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

54 篇文章

订阅专栏

探讨了一段使textarea元素的高度能够根据输入内容自动调整的JavaScript代码。该代码在IE浏览器中表现良好，但在Chrome和Firefox等浏览器上出现问题，尤其是在进行连续回车换行或删除操作时。

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

原文链接：http://bbs.youkuaiyun.com/topics/390653996

如下代码在IE浏览器里伸缩自如，但是到了chrome或FF里，连续回车换行再删除或整段删除文字就不能自动缩短到应有位置了：

JavaScript code 
   
?

1

2

3

4

5

 
        <textarea name=
        "textarea" 
        id=
        "textarea" 
       
        style=
        'overflow-y: hidden;height:20px' 
       
        onpropertychange=
        "this.style.height = this.scrollHeight + 'px';" 
       
        oninput=
        "this.style.height = this.scrollHeight + 'px';"
        >
       
        </textarea>