Javascript 多个对话框。如何检测哪一个是焦点？

我的应用程序中同时有多个对话框，每个对话框都有自己的快捷键，因此我需要知道是否使用它来正确执行这些快捷键。 例如：如果我按“esc”键，则只有聚焦对话框必须关闭

如何检测正在聚焦的对话框

编辑

---

我制作了一个测试演示，使场景更容易理解：

试着检测哪一个是焦点

我找到了一个方法

这是给需要的人的：

import { DomHandler } from 'primeng/api';
import { Dialog } from 'primeng/dialog';

@ViewChild('dialog') dialog: Dialog;

isDialogFocused() {
  if (parseInt(this.dialog.container.style.zIndex) == DomHandler.zindex) {
    console.log(this.dialog.header + " is focused!");
  }
}

hasFocus（）仅适用于整个页面。我不知道如何使用它来检测对话焦点。检测哪个选项卡/页面是焦点非常有用。还是我错了？谢谢