Angular 退出全屏模式时不调用Esc函数

我有一些我正在全屏制作的内容

我想要的是在按下退出全屏的Esc键时启动一个功能。请浏览以下连结：

请注意：请单击在新窗口中打开执行窗口 以便正确查看全屏模式

在上面，当我点击按钮，它进入全屏。但当我按Esc键时，隐藏的文本不会显示。相反，当我再次按下Esc键时，它就会这样做。我正在使用HostListener来实现这一点

如何在按下退出全屏的Esc键时调用函数

谢谢。

请在hostlistener中收听：

@HostListener（“文档：fullscreenchange”，[“$event”]）onKeydownHandler(
事件：键盘事件
) {
//已退出
如果（！document.fullscreenElement）{
this.showTextAfterEscape=true；
}
}

---

你的

stackblitz很棒，但问题本身应该包含一个问题。如果（当…）链接失效，此问题将变得无用。请查看谢谢@AJT82。我将从下次开始处理。我没有在浏览器中测试扩展，因此我不知道您是否需要同时收听所有不同的浏览器类型，而不仅仅是

fullscreenschange

。谢谢。它起作用了。不，到目前为止，我只需要Chrome web浏览器使用它。

fullscreenchange

event具有完全的浏览器支持。除了Safari未知之外，实际收到的事件类型是“事件”，而不是“键盘事件”！因此，在这种情况下，不可能获得有关按键的信息。