iTakeo

textarea高度自适应。

textarea高度自适应。

首先最好的办法就是使用HTML5的contenteditable属性。能将标签设置为可编辑。如下:

<div contenteditable="true">  </div> 
01.
复制这行文字粘贴!

如果一定要使用textarea的话,简单的写了一个插件。该插件无调用接口,只需引入js,然后在textarea上写上 data-autoheight=”auto” 即可。

如果需要达到某个高度后不需要在自适应高度,可以将 data-autoheight 的auto,改为需要固定的高度即可。如下:

//自适应
<textarea data-autoheight="auto"></textarea> 
//达到设置高度后,将自动出现滚动条
<textarea data-autoheight="180"></textarea> 
01.
02.
03.
04.

自适应:

最大高度:

注意:由于 forEach可能不兼容IE8,如果需要兼容,请自行下载源码修改。

点击这里下载JS

2015/12/27 1 / /
标签:  暂无标签

评论回复

  1. 回复 隔壁老胡

    大神 要是 有个编辑区域就好了 可以在线编辑的区域就好了 只是个人建议 :mrgreen: :mrgreen:

验证码: 9 + 3 =

回到顶部