textarea标签自适应宽度和高度

来源:互联网 发布:灵智精实广告公司 知乎 编辑:程序博客网 时间:2024/06/07 05:29

textarea当做输入框可以解析空格和回车,当我们使用textarea展示内容的时候我们希望textarea的宽高可以根据内容自适应而不是定死的像素。

下面是代码:

var arr = $(this).scroll().context.value.split("\n");    //获取内容切割回车存到arr中var l = 0,h = 0;for(var i in arr){    (arr[i].length > l) && (l = arr[i].length);           //获取最长的一串字符}$(this).css({"width":(l * 12) + "px","maxWidth":(maxWidth / 2) + "px"});      //宽度设为最长的字符个数*字体大小  并设置一个最大宽度(为了内容没有换行的时候强制换行)var h = $(this).scroll().context.scrollHeight;            //获取textarea视口的高度$(this).css({"height":h + "px"});                         //设置textarea高度

1 0
原创粉丝点击