fragment 监听当前页面所有dialog关闭
时间: 2023-10-22 19:07:43 浏览: 101
所有Dialog对话框.zip
要监听当前页面所有 dialog 关闭,可以通过以下步骤实现:
1. 首先,你需要在页面中注册一个 MutationObserver,用于监听页面节点的变化。
2. 在 MutationObserver 的回调函数中,通过判断是否有 dialog 关闭来执行相应的操作。
以下是示例代码:
```javascript
// 注册 MutationObserver
const observer = new MutationObserver(mutations => {
mutations.forEach(mutation => {
// 判断是否有 dialog 关闭
const removedNodes = mutation.removedNodes;
if (removedNodes && removedNodes.length > 0) {
removedNodes.forEach(node => {
if (node.nodeName === 'DIALOG') {
// 执行相应的操作
console.log('Dialog closed');
}
});
}
});
});
// 监听整个 document 的变化
observer.observe(document, { childList: true, subtree: true });
```
在上面的示例代码中,我们注册了一个 MutationObserver,并监听整个 document 的变化。在回调函数中,我们通过判断被删除的节点中是否有 dialog 元素来判断是否有 dialog 关闭。如果有,就执行相应的操作(在这里我们只是简单地输出了一条日志)。
阅读全文