【问题标题】:What is the best autogrow textarea plugin for jQuery? [closed]jQuery 最好的自动增长文本区域插件是什么? [关闭]
【发布时间】:2011-06-24 13:12:33
【问题描述】:

似乎有很多非常糟糕的 jQuery 自动增长文本区域插件。我希望我的自动增长文本框与 Facebook 的一样好。我希望它只适合当前行,并在需要之前添加一行。

我审查过的大多数插件都试图根据字符数来猜测行高,这似乎太天真了。我已经阅读了一种创建隐藏 div 来计算高度的解决方案。这似乎是正确的道路,但该解决方案不是插件形式。

有什么可以满足我的需求并且易于安装?

【问题讨论】:

    标签: jquery html css jquery-plugins textarea


    【解决方案1】:

    试试看。 http://www.jacklmoore.com/autosize 我觉得这里是最好的。这是一个非常好的。

    【讨论】:

    • 经过测试,它在 IE8 中非常适合我。
    • 杰克摩尔是最好的开发者之一
    • 这个是最新的。
    【解决方案2】:

    我有一个插件可以计算:http://www.mostthingsweb.com/2012/01/textarea-line-count-version-1-3-released/。它使用隐藏的 div 方法,甚至匹配正确的字体属性。看看吧:)

    您可以在用户每次点击文本框中的键时调用该插件,然后相应地调整文本框的大小。如果您不想占用处理能力,甚至可以使用其他所有键。

    【讨论】:

      【解决方案3】:

      嘿,这是纯 JavaScript

      function sz(t) {
          dv = document.createElement("div");
          dv.style.visibility="hidden";
          dv.style.position="absolute";
          dv.style.width=t.offsetWidth;
          dv.innerHTML = t.value.replace(/\n/g, "<br>");
          document.body.appendChild(dv);
          t.style.height=(dv.offsetHeight+22)+"px";
          dv.parentNode.removeChild(dv);
      }
      

      那么你只需使用 onkeyup="sz(this)"

      【讨论】:

      • 不工作!发布前发短信。
      • ^ 在发布之前阅读内容。 *测试
      猜你喜欢
      • 2010-09-17
      • 2012-07-01
      • 2011-05-18
      • 1970-01-01
      • 2014-01-17
      • 1970-01-01
      • 2010-10-30
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多