ResizeObserver 回调中有哪些元素

Question

ResizeObserver的文档和规范示例显示回调 function 收到

一个 ResizeObserverEntry 对象数组，可用于在每次更改后访问元素的新维度。

我是否正确理解这个 API 并且通常只使用最后一个数组元素来获得元素的“最终”大小就足够了？

const resizeObserver = new ResizeObserver(entries => {
   const finalElement = entries[entries.length - 1];
   const finalBoxSize = finalElement.contentBoxSize;

   console.log(finalBoxSize);
});

Answer 1

可能这不是正确的方法。 对我来说，这看起来真的取决于你对要观察的元素的“查询”有多准确。 在此处查看回调数组对象中定义的属性。 回调返回这些对象的数组。 如果您有一个非常具体的“查询”，例如带有 id 的元素，它应该只返回一个元素，如果您只传递一个 div，那么它可能会返回页面上每个 div 的数组作为单独的条目。 我自己没有尝试过，所以这里做了一些猜测。