Javascript 防止父窗口'；s鼠标或键盘事件，直到子窗口关闭

我有一个场景，父窗口和子窗口都被打开。我需要阻止用户在父窗口上的鼠标或键盘操作，直到用户关闭子窗口

默认情况下打开父窗口（旧浏览器选项卡）。单击按钮，将打开子窗口（新浏览器选项卡）

我正在打开子窗口，如下所示：

 const newwindow = window.open("", "", "width=80%,height=80%");
 newwindow.document.write("Hello");

---

您应该使用

stopPropatation

$("#clickable a").click(function(e) {
  e.stopPropagation();
});

---

我想你可以从Angular的cdk叠加如何与模态窗口一起工作中获得灵感

它基本上是一个包装器，它使用一个巨大的z索引css属性获取整个窗口。 然后，它将窗口显示为第二个子窗口，然后您可以处理窗口中的任何交互以及第一个子窗口外部的任何交互 “叠加背景”

您的100%/100%包装区域可以完全不可见，并且具有

指针事件：无和它的同级可以是浮动窗口

完全在TypeScript中处理它是可能的，但是angular不关心您是创建复杂的模板还是使用
document.createElement*
和
@HostListener（'click'，['$event.target']）public onClick（target）创建自己的解决方案{…
我想要Typescript格式的解决方案。请提供更多信息，并发布一些您正在尝试执行的操作的代码。我们不会为您编写代码，但会帮助您找到解决方案。您能提供更多有关您正在使用的内容的信息吗？框架？发布一些代码？指针事件：无；对我有用。谢谢