在父选项卡（页面）上显示覆盖，直到打开其所有子选项卡（页面）

Question

假设我有父页面。

当我点击打印时，会打开一个新标签（页面）以进行打印预览。

我想要的是，当我单击打印时，应在父选项卡（页面）上显示一个叠加层，以停止进一步的工作，直到子选项卡关闭。

因为在打开打印标签（页面）（子）时，大部分功能都在 父标签（页面）无法正常工作。

注意：我使用的是 Google 默认打印/预览功能。

我无法编写代码来执行上述场景。如何在父页面中检测到其子页面已关闭？

Answer 1

您可以在 jQuery 中使用 dialog follow this link to view 或者您可以在您的代码中使用，例如

var childNode= window.open('/uri of child');

然后使用

childNode.onunload = function(){  
// code after child closed
}

如果没有那你也可以试试

window.onunload = function() {if(!window.opener.closed && childNode.closed){
//code after child closed
}}