ResizeObserver.observe()

The observe() method of the ResizeObserver interface initiates observing of a specified Element or SVGElement.
ResizeObserver 接口的 observe() 方法用于观察一个指定Element 或 SVGElement。

语法

resizeObserver.observe(target);

参数

target

被观察的 Element 或 SVGElement 引用。

返回值

undefined

异常

无

示例

以下示例通过观察box的尺寸变化从而改变其边框圆角半径。

const resizeObserver = new ResizeObserver(entries => {
  for (let entry of entries) {
    entry.target.style.borderRadius = Math.max(0, 250 - entry.contentRect.width) + 'px';
  }
});
resizeObserver.observe(document.querySelector('.box:nth-child(2)'));

规范

浏览器兼容性