Javascript JS：已知元素大小时发生的事件

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

我想注册（在初始化过程中）当元素的宽度改变时触发的事件。我知道可以使用

window.resize

在调整窗口大小时接收事件，也可能是元素的宽度，但在添加到DOM时（添加之前）宽度也会发生变化。有人吗？

您可以使用jquery的“width”函数来获取元素的宽度

<script>
  $("button").click(function(){
  alert("Width of div: " + $("div").width());
  });
</script>   

$（“按钮”）。单击（函数（）{
警报（“div的宽度：+$（“div”）.Width（））；
});

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
警报（“div的宽度：+$（“div”）.Width（））；
});
});


显示div的宽度

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

参考资料：

宽度：0

高度：0

调整我的大小

您已经尝试了什么？（：

elem.dispatchEvent（新事件（'arbitral'）；

）在您的示例中，元素已经添加到DOM中。那么宽度确实是已知的。好吧，如果您想在每次添加元素时都获取元素的宽度，那么可以在jquery的“setInterval”函数中添加“.width（）”，这样您就可以不断获取元素的宽度。setInterval（function（）{console.log（“div的宽度：+$（“div”）.Width（）；}，3000）；

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>