开发者社区> 问答> 正文

如何使用原型自动调整文本区域的大小?

我对代码进行了一些修改,因为它的行为有些奇怪。我将其更改为在键入时激活,因为它不会考虑刚刚键入的字符。

resizeIt = function() {
  var str = $('iso_address').value;
  var cols = $('iso_address').cols;
  var linecount = 0;

  $A(str.split("\n")).each(function(l) {
    linecount += 1 + Math.floor(l.length / cols); // Take into account long lines
  })

  $('iso_address').rows = linecount;
};

展开
收起
游客ufivfoddcd53c 2020-01-03 16:55:59 846 0
1 条回答
写回答
取消 提交回答
  • 其中一些答案的一种改进是让CSS做更多的工作。

    基本路线似乎是:

    1.创建一个容器元素来保存textarea和隐藏div 2.使用JavaScript,以保持textarea“与同步的硫含量divS” 3.让浏览器完成计算该div高度的工作 4.由于浏览器会处理隐藏内容的渲染/调整大小div,因此我们避免显式设置textarea的高度。

    2020-01-03 16:56:37
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
复杂环境下的视觉同时定位与地图构建 立即下载
动态、高效,蚂蚁动态卡片的内核逻辑 立即下载
重新定义计算的边界 立即下载