textarea自动高度,textarea高度自适应无滚动条

　　方法

　　1.超文本标记语言结构：

　　div id= container textarea rows= 1 /textarea/div 2 .半铸钢钢性铸铁(铸造半钢)代码：

　　* {填充：0;边距：0;} #容器{宽度：300 px填充：10px边框：1px纯色# eee框大小：边框-框；} textarea { display:block；宽度：100%;字体大小：20px颜色：# 000;行高：24px大纲：无；边框：无；调整大小：无；}3.射流研究…代码：

　　var textarea=document。查询选择器( textarea )var InP nt=(function(){ var base height=null return function(){！基础高度(基础高度=this。滚动高度)这个。rows=1 var rows=math。ceil(这个。滚动高度/基础高度)=3？3 : Math.ceil(这个.滚动高度/基高)这个。rows=rows } })()textarea。on input=de bounce(InP nt，100)func de bounce(func，delay){ var timer=null return function(){ var _ this=this var args=arguments timer clear time out(timer)timer=setTimeout(func(){ func。apply(_ this，args) }，delay) } }原理

　　！基础高度(基础高度=this。滚动高度)这个。rows=1 var rows=math。ceil(这个。滚动高度/基础高度)=3？3 : Math.ceil(这个.滚动高度/基高)这个。行=行第一行获取基准高度缓存起

　　第二行重点将文本区域的行设置成一这样就能得到当前文本区域的滚动高度

　　第三行拿到了当前文本区域的滚动高度就可以算出行

　　第四行设置文本区域的行

　　通过设置文本区域的行属性来改变文本区域的高度。

　　以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。