jQuery 最好的自动增长文本区域插件是啥？ [关闭]

Posted 2023-05-07

【中文标题】jQuery 最好的自动增长文本区域插件是啥？ [关闭]

【英文标题】：What is the best autogrow textarea plugin for jQuery? [closed]jQuery 最好的自动增长文本区域插件是什么？ [关闭]

【发布时间】：2011-06-24 13:12:33

【问题描述】：

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

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

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

【参考方案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)"

【讨论】：

不工作！发布前发短信。

^ 在发布之前阅读内容。 *测试