Javascript文本框textarea高度随内容自适应增长收缩_表单特效

来源：懂视网责编：小采时间：2020-11-27 20:59:44

Javascript文本框textarea高度随内容自适应增长收缩_表单特效

Javascript文本框textarea高度随内容自适应增长收缩_表单特效:直接上代码：方案一：枫芸志 » 文本框textarea高度自适应增长/伸缩 textarea { height:100px; width: 300px; } 晴枫制作 http://jb51.net // 最小高度 var minHeight = 100; // 最大高度，超过则出现滚动条

推荐度：

点击下载本文 文档为doc格式

导读Javascript文本框textarea高度随内容自适应增长收缩_表单特效:直接上代码：方案一：枫芸志 » 文本框textarea高度自适应增长/伸缩 textarea { height:100px; width: 300px; } 晴枫制作 http://jb51.net // 最小高度 var minHeight = 100; // 最大高度，超过则出现滚动条

直接上代码：
方案一：

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
方案一在各浏览器中，文本框随内容自适应增长都没有问题；但在删除内容时收缩方面表现有所差异，IE、Opera表现正常，Firefox、Chrome、Safari不会收缩。原因是文本框内容高度小于文本框高度时scrollHeight值等于文本框高度，而不是文本框内容高度。
方案二：
代码如下:

枫芸志 » 文本框textarea高度自适应增长/伸缩

Javascript文本框textarea高度随内容自适应增长收缩_表单特效

推荐度：

点击下载本文 文档为doc格式

标签：内容文本框特效

热门焦点

Javascript文本框textarea高度随内容自适应增长收缩_表单特效

Javascript文本框textarea高度随内容自适应增长收缩_表单特效

Javascript文本框textarea高度随内容自适应增长收缩_表单特效

最新推荐

猜你喜欢

热门推荐