ResizeObserver 是来监听元素的大小位置发生变化,也可以说是回流(重排)时的变化
可以在监听中进行一些事件的监听
// 观察元素变化
let el = document.getElementById('bg')
// 创建监听器
let ob = new ResizeObserver(entries => {
for (let entry of entries) {
// 监听到的元素
console.log(entry)
}
})
// 监听尺寸变化
ob.observe(el)
使用完毕后可以取消监听
ob.unobserve(el)