HTML / Javascript - 将textarea的高度与另一个相关联？

Question

<textarea style="resize: vertical; height: 200px;"></textarea>
<textarea style="resize: vertical; height: 200px;"></textarea>

上面的代码创建了两个并排放置的textareas。为了以防万一，here是一个小提琴。

我想这样做，如果其中一个textareas被调整大小，另一个textarea将被调整大小（相对于另一个textarea的高度）。那么我该如何实现呢？

Answer 1

这可能是帮助你

您的HTML

<textarea id="txt1"></textarea>
<textarea id="txt2"></textarea>

Jquery的：

$("#txt1").resizable({
    resize: function() {
        $("#txt2").width($(this).width());
        $("#txt2").height($(this).height());


    }
});

您也可以参考JSFiddle

Answer 2

您可以尝试使用onresize Event

定义和用法
当元素的大小发生更改时，会发生onresize事件。
的语法：
在HTML中：

<element onresize="SomeJavaScriptCode">

在JavaScript中：

window.onresize=function(){SomeJavaScriptCode};

希望你能搞清楚。