jquery - 使用 jQuery 自动扩展文本区域

标签 jquery

如何使用 jQuery 使文本区域自动展开?

我有一个用于解释 session 议程的文本框,所以当我的议程文本不断扩大该文本框区域时,我想扩展该文本框。

最佳答案

如果你不想要插件,有一个非常简单的解决方案

$("textarea").keyup(function(e) {
    while($(this).outerHeight() < this.scrollHeight + parseFloat($(this).css("borderTopWidth")) + parseFloat($(this).css("borderBottomWidth"))) {
        $(this).height($(this).height()+1);
    };
});

查看它在 jsFiddle I used to answer another textarea question here 中的工作情况.

要回答反向操作或在删除文本时使其变小的问题:jsFiddle

And if you do want a plugin

@Jason设计了一个here

关于jquery - 使用 jQuery 自动扩展文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2948230/

相关文章:

Jquery:将字段值保存到多维数组中

php - 如何在 jQuery 中重定向页面?

javascript - Meteor:从服务器下载网页

javascript - 将 HTML 表格导出为包含文本和图像的 Excel

javascript - jQuery:将文本区域滚动到给定位置

javascript - 如何在JQuery中获取表单元素

javascript - 在简单的 jQuery 函数中切换

javascript - 使用 jQuery 验证插件验证不在表单内的输入

javascript - 带有弹出窗口的图像 slider 不起作用?

javascript - uikit 3 捕获事件