如何在编写时自动扩展文本区域

Question

如何在书写时自动扩展文本区域？

这是我的代码：

<script type="text/javascript">
                function clearContents(element) {
                  element.value = '';
                }
                function updateContents(element) {
                  element.value = "What's on your mind?";
                }
            </script>
            <h1>New status</h1>
            <form action="index.php" method="post" name="new_message">
                <textarea id="message" onFocus="clearContents(this);" onKeyPress="catchEnter(this);">What's on your mind?</textarea>
                <input type="button" value="Post"> 
            </form>

Answer 1

我一直在使用 Unwrongest 的弹性文本框，它是一个非常棒的插件。

只需包含该插件，然后使用以下命令调用该插件即可：

$('#TextAreaId').elastic();

就是这样。

在此处查看演示：http://jsfiddle.net/janjarfalk/r3Ekw/

---

how to achieve this in 3 steps:

第 1 步：将其添加到 html 中的 中：

http://jquery-elastic.googlecode.com/svn/trunk/jquery.elastic.source.js

第 2 步：将其添加到 html 文件中的 标记：

$('textarea').elastic();

第 3 步：仅当第 2 步后不起作用时才使用此步骤。在第 1 步的代码上方添加下一行：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

您已完成。如果您已经有 jQuery，请跳过步骤 3。

Answer 2

<textarea onkeyup="textarea(this);"></textarea>

<script>
function textarea(box){
box.style.height = box.scrollHeight+'px';
}
</script>

然后巴姆！！！你有一个不断增长的文本区域。您可能需要考虑边框和填充。将那些包含在函数中。