Angular 2 和全屏 API

2024-02-08

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

我尝试过但没有成功:

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

上述所有内容都适用于更常见的事件,例如onclick event.

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

编辑:如果您能给我指出一个有用的资源,这可能会消除(甚至部分)这一点,我将不胜感激。谢谢你!

ANSWER document:webkitfullscreenchange(其他浏览器依此类推)


不存在这样的事情onfullscreenchange事件类型。这就是事件handler,所以你可以这样做(但可能不应该这样做,因为这并不是真正的“角度方式”):

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

但有一个fullscreenchange事件,所以这应该可以正常工作:

@HostListener("document:fullscreenchange", []) fullScreen() {}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 2 和全屏 API 的相关文章

随机推荐