ResizeObserver监听元素的使用
- ResizeObserver相比window.resize优势是 可以监听某一个元素的变化 并且性能很高 用法很简单:
const observe= new ResizeObserver(items=> {
items.forEach(item=> {
// 有两个属性用得到 contentRect target
console.log(item)
})
})
// 监听多个 相对应回调函数的items就是数组对应的每一项
observe.observe(document.body) // 监听body
observe.observe(document.getElementById('content')) // 监听id元素content
// 可以取消监听某一个
observe.unobserve(document.body)
// 也可以全部取消
observe.disconnect()