onresize
事件
使用window.on('resize', () => {})
可以监听因为窗口变化,而发生的变化回调,但是对于Dom的的尺寸变化,却无法响应。
使用ResizeObserver
尺寸变化
ResizeObserver 接口监视 Element 内容盒或边 框盒或者 SVGElement 边界尺寸的变化。
const observer = new ResizeObserver(entries => {
for (const entry of entries) {
console.log('handling box size changing')
}
});
observer.observe(window.document.querySelector('dom'));
observer.disconnect();