ResizeObserver 监听元素的尺寸变化

[justjavac]

监听元素的尺寸变化

var ro = new ResizeObserver( entries => {
  for (let entry of entries) {
    const cr = entry.contentRect;
    console.log('Element:', entry.target);
    console.log(`Element size: ${cr.width}px x ${cr.height}px`);
    console.log(`Element padding: ${cr.top}px ; ${cr.left}px`);
  }
});

// Observe one or multiple elements
ro.observe(someElement);

参考链接

• WICG/ResizeObserver
• ResizeObserver: It’s Like document.onresize for Elements
• polyfills

[shinchanZ]

怎么移除监听

[justjavac]

@zdd2018 https://developer.mozilla.org/zh-CN/docs/Web/API/ResizeObserver