Question

有两个textareas具有完全相同的文本格式。 ID为textareaA和textareaB。

我为textareaA keyup设置了一些东西。我的问题是当用户输入textareaB时，如何设置textareaA来调整其宽度？

这是我尝试但没有运气。

$(document).on("click blur keyup", ".fT", function() { // keyup responds with textareaA
        var newWidth = $("#textareaA").val(); //does not work
        $("#textareaB").width(newWidth);
});

Answer 1

使用.css("proprety", "value") JQuery方法执行此操作。

用法：

$(document).keyup(function(event)) {
    $("#textareaB").css("width", "1000px");
});

用法（带变量）：

var myVariable = 1000; /* integer here */

$(document).keyup(function(event)) {
    $("#textareaB").css("width", myVariable.toString() + "px");
});

Answer 2

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

编辑2 :(增加textarea宽度）

注意::如果根据您的需要和最佳状况，请更改值'8'

$(function() {   
$('#mta').keyup(function(e) {

    console.log($(this).outerWidth()+'--'+$(this).val().length*8);
         if($(this).outerWidth() > $(this).val().length) {
             $(this).width($(this).width() + 1);
         };
     });

 });

使用keyup键入时调整textarea宽度

2 个答案: