私はドキュメントとサンプルを見てきましたが、 "onfullscreenchange"イベントや "document"要素のバリエーション( "onwebkitfullscreenchange"など)を聞く方法は見つけられませんでした。私は成功せず試した何角2とフルスクリーンAPI
:
/*method 1*/
host: {
'(document:onwebkitfullscreenchange)': 'fullScreen()'
}
/*method 2*/
@HostListener("document:onwebkitfullscreenchange", []) fullScreen() {}
/*method 3*/
renderer.listenGlobal('document', 'onwebkitfullscreenchange', (event) => {})
などonclick
イベントとして、より一般的なイベントと上記の仕事のすべて。
fullscreen API
をAngular 2と統合する方法を見つけた場合や、他のアイデアや提案方法があれば、私はあなたの助けに非常に感謝しています。
編集:私に役立つリソースを教えてもらえれば、それは(部分的にも)これを解体するかもしれないが、私は大いに感謝するだろう。ありがとうございました!
ANSWER(他のブラウザ用など) document:webkitfullscreenchange
「onfullscreenchangeは、」標準ですが、あなたはAPIのドキュメントを見ればhttps://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_APIますよ私が間違って読んでいない限り、各ブラウザは標準ではなく、別のイベントハンドラを実装していることを確認してください。 それを除いて、私はちょうどそれが動作しないあなたの提案をテストしました。おそらく私は何かを見逃しているが、私はそれを理解できない。 –
これは実際にchromeの 'document:webkitfullscreenchange'のためのプレフィックス - >ブラウザです。しかし、それは動作します。ただし、何らかの理由でF11キーをフルスクリーン表示してもイベントは発生しません。 F11/ESCでは、それぞれのキーコードのリスナを介して手動でトリガします。 –