フルスクリーンAPI：どのイベントが発生しますか？

Question

ユーザーが新しい Fullscreen API を使用してフルスクリーンモードを開始すると、どの（DOM）イベントが発生するかを知る必要があります。たとえば、このスニペットを試しましたが、起動しません：

jQuery('body').on('fullScreenChange', function() { alert("Fired!"); });

Answer 1

あなたのリンク 答えを表示 ...

フルスクリーンモードが正常に有効になると、フルスクリーン要素を含むドキュメントはfullscreenchangeイベントを受け取ります。全画面モードが終了すると、ドキュメントは再びfullscreenchangeイベントを受け取ります。 fullscreenchangeイベントは、ドキュメントが全画面モードに入るか終了するかについての情報を提供しませんが、ドキュメントにnull以外のfullScreenElementがある場合、あなたは知っていることに注意してください全画面モードで再。

Answer 2

私が使用していた：

_$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', fn);
_

Safari、Chrome、Firefoxで起動します（他のテストは行っていません）。結果として生じるWebkitとmozのコンテキストには微妙な違いがあるようです。要素の高さと幅は異なります。しかし、イベントが発生するのはあなたの質問です。

ああ。また、フルスクリーンテストでalert('fs')を使用する場合は注意してください。多くの場合、画面の変更を妨げます。

Answer 3

ネイティブjQueryにはfullscreenChangeイベントはありません があります。ただし、イベントへのアクセスを提供するサードパーティのプラグインがいくつかあります。

• http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/
• https://github.com/ruidlopes/jquery-fullscreen/blob/master/jquery.fullscreen.js
• https://github.com/hdragomir/jQuery-Fullscreen-Event
• https://github.com/ruidlopes/jquery-fullscreen

コードでわかるように、このタイプのイベントへのクリーンなAPIアクセスはありません。