DOM

：

：

Document：fullscreenchange イベント

　編集：2022.10.10 by T.A.

[Edge]。→、

ブラウザーが全画面モードに移行したり終了したりした直後に発生します。

バブリング あり
キャンセル可能 いいえ
インターフェイス Event
イベント ハンドラー プロパティ onfullscreenchange

Element が全画面モードに移行しようとしているのか、終了しようとしているのかを判別するには、DocumentOrShadowRoot.fullscreenElement の値をチェックしてください。この値が null ならば、要素が全画面モードを終了しようとしており、そうでなければ全画面モードに移行しようとしています。

例

HTML： 

<SPAN id=IdTest style="background-color:#fee; color:black; font-size:30px">SPAN要素</SPAN><BR>
<SPAN id=IdLog></SPAN>

JavaScript： 

function Job(eve){ //fullscreenchange イベントの処理：
  if(!D){
    D=eve; //最初のイベントでデータ収集。
  }else if(!DA){
    DA=eve; //次のイベントでデータ収集。
  }
  IdLog.innerHTML=IdLog.innerHTML + document.fullscreenElement +" "; //表示（フルスクリーンになっている要素）。
}
document.onfullscreenchange=Job; //イベント割り当て。
IdTest.requestFullscreen(); //フルスクリーン モードに要求。

→Element.requestFullscreen()。innerHTML。

テスト