javascript - JS : Event when size of element is known

Question

这个问题已经有答案了:

How to detect DIV's dimension changed? (28 个回答)

已关闭 4 年前。

我创建了一个模块，用于创建和初始化一个元素并将其返回给应用程序。然后应用程序会将其附加到 DOM。

我想注册(在初始化期间)一个在元素宽度更改时触发的事件。我知道你可以使用window.resize当调整窗口大小时接收事件，也可能接收元素的宽度，但宽度在添加到 DOM 时也会发生变化(在添加之前为 0)。有人吗？

Answer 1

在这里您可以检查元素调整大小事件

引用:https://stackoverflow.com/a/39312522/4286794

function outputsize() {
 width.value = textbox.offsetWidth
 height.value = textbox.offsetHeight
}
outputsize()

new ResizeObserver(outputsize).observe(textbox)

Width: <output id="width">0</output><br>
Height: <output id="height">0</output><br>
<textarea id="textbox">Resize me</textarea><br>