Angular 2 和全屏 API

Question

我查看了文档和示例，但发现无法侦听“document”元素上的“onfullscreenchange”事件和/或其变体（“onwebkitfullscreenchange”等）。

我尝试过但没有成功：

/*method 1*/    
host: {
      '(document:onwebkitfullscreenchange)': 'fullScreen()'
    }
/*method 2*/
    @HostListener("document:onwebkitfullscreenchange", []) fullScreen() {}
/*method 3*/
    renderer.listenGlobal('document', 'onwebkitfullscreenchange', (event) => {})

以上所有内容都适用于更常见的事件，例如onclickevent.

如果您找到了fullscreen API与 Angular 2 集成的方法，或者对如何进行或尝试此操作有其他想法或建议，我将非常感谢您的帮助。

编辑：如果您能给我指出一个有用的资源，这可能会消除（甚至部分）这一点，我将不胜感激。谢谢你！

ANSWER document:webkitfullscreenchange（其他浏览器依此类推）

Answer 1

不存在onfullscreenchange事件类型这样的东西。这就是事件处理程序，所以你可以这样做（但可能不应该这样做，因为这并不是真正的“Angular 方式”）：

document.onfullscreenchange = () => console.log('fullscreenchange event fired!');

但是有一个fullscreenchange事件，所以这应该可以正常工作：

@HostListener("document:fullscreenchange", []) fullScreen() {}