ResizeObserver同时监听多个 dom
时间: 2023-07-27 08:06:06 浏览: 226
是的,ResizeObserver可以同时监听多个DOM元素。您可以通过以下两种方法来实现:
1. 实例化多个ResizeObserver对象,每个对象监听一个DOM元素。
```javascript
const observer1 = new ResizeObserver(entries => {
// 处理第一个DOM元素的变化
});
const observer2 = new ResizeObserver(entries => {
// 处理第二个DOM元素的变化
});
observer1.observe(document.getElementById('element1'));
observer2.observe(document.getElementById('element2'));
```
2. 为ResizeObserver对象添加多个监听器,每个监听器监听一个DOM元素。
```javascript
const observer = new ResizeObserver(entries => {
entries.forEach(entry => {
if (entry.target.id === 'element1') {
// 处理第一个DOM元素的变化
} else if (entry.target.id === 'element2') {
// 处理第二个DOM元素的变化
}
});
});
observer.observe(document.getElementById('element1'));
observer.observe(document.getElementById('element2'));
```
无论您选择哪种方法,都可以同时监听多个DOM元素的变化。
阅读全文