window.addEventListener 监听不存在的div
时间: 2023-11-22 12:37:07 浏览: 81
jquery监听DIV的事件
5星 · 资源好评率100%
对于监听不存在的div,window.addEventListener无法直接监听该div的事件。因为window.addEventListener是用来监听window对象上的事件,而不存在的div无法被监听。如果你想要监听一个不存在的div的事件,可以使用MutationObserver来实现。MutationObserver是一个用来监听DOM变化的API,可以观察到DOM的添加、删除、属性变化等操作。你可以通过创建一个MutationObserver实例,然后将目标设置为你希望监听的div,通过指定不同的配置选项来监听***```javascript
const targetDiv = document.getElementById('nonexistent-div');
const observer = new MutationObserver((mutationsList, observer) => {
// 处理DOM变化的回调函数
mutationsList.forEach((mutation) => {
console.log(mutation);
});
});
// 配置选项
const config = { attributes: true, childList: true, subtree: true };
// 监听DOM变化
observer.observe(targetDiv, config);
```
这样,当你的目标div被创建或者发生其他变化时,MutationObserver的回调函数将会被触发。
阅读全文