2017-02-16 15 views
3

私はドキュメントとサンプルを見てきましたが、 "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

答えて

3

onfullscreenchangeイベントタイプのようなものはありません。

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

しかし、そこfullscreenchangeイベントがあるので、これは動作するはずです:あなたは(おそらくそれは本当にこれを行うための「角道」ではないと、いけない)ことができるようにそれは、イベントハンドラです罰金:

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

「onfullscreenchangeは、」標準ですが、あなたはAPIのドキュメントを見ればhttps://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_APIますよ私が間違って読んでいない限り、各ブラウザは標準ではなく、別のイベントハンドラを実装していることを確認してください。 それを除いて、私はちょうどそれが動作しないあなたの提案をテストしました。おそらく私は何かを見逃しているが、私はそれを理解できない。 –

+0

これは実際にchromeの 'document:webkitfullscreenchange'のためのプレフィックス - >ブラウザです。しかし、それは動作します。ただし、何らかの理由でF11キーをフルスクリーン表示してもイベントは発生しません。 F11/ESCでは、それぞれのキーコードのリスナを介して手動でトリガします。 –