jquery - 我们可以在运行时更改文本区域的大小吗

Question

我正在从事 phonegap 元素。在这里我想滚动文本区域，所以尝试使用 overflow:auto;但它不适用于安卓设备。现在我想在用户写的文本超过区域高度时更改文本区域的高度，或者只是当用户输入 4 或 5 行而不是根据用户要求更改文本区域的高度时，我固定了文本区域上方的div，当文本区域的高度大于div的高度时，div滚动。

这是链接:http://jsfiddle.net/amnishyadav/NUhBf/

<div class="mydiv">
    <textarea class="textdiv">
    </textarea>
</div>

Answer 1

当您从 mydiv 中删除 height 属性并添加 jQuery mobile 时, jQuery Mobile 将负责调整文本区域的大小，请参阅 JSFiddle

更新:

您可以从负责增加文本区域的 jQuery Mobile 中提取代码。当你查看 jQuery mobile 1.3.2 时并搜索 textarea，您将看到

// Autogrow
if ( input.is( "textarea" ) ) {
    ...
}

当您根据您的情况调整此代码时，您将得到类似这样的内容 JSFiddle

更新 2:

无需深入研究 jQuery 移动源代码。搜索 Stackoverflow(当然还有发现)给出了这个绝妙的答案 Textarea to resize based on content length .当您适配 jQuery 移动解决方案时，您将获得

function textareaChanged(input) {
    input.style.height = "1px";
    input.style.height = (extraLineHeight+input.scrollHeight)+"px";
};

$('.textdiv').on("keyup change input paste", function () {
    ...
    var input = this;
    ...
});

参见修改后的 JSFiddle