要素のサイズ変更を監視する
const ro = new ResizeObserver(entries => {
for (const entry of entries) {
const { width, height } = entry.contentRect;
console.log(`サイズ変更: ${width}x${height}`);
}
});
ro.observe(document.getElementById('box')!);
ro.unobserve(element);
ro.disconnect();windowのresizeイベントでは要素単位のサイズ変更を検知できない。グリッドやチャートのレスポンシブ対応に使う。