Document: fullscreenchange イベント

fullscreenchange イベントは、ブラウザーが全画面モードに移行したり終了したりした直後に発生します。

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

このイベントは、全画面モードに移行または終了しようとしている Element に送られ、それから Document までバブリングします。

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

この例では、 fullscreenchange イベントのハンドラーが Document に追加されます。

document.addEventListener('fullscreenchange', (event) => {
  // document.fullscreenElement は、全画面モードにある要素があれば
  // それを指します。要素がなければ、このプロパティの値は null に
  // あります。
  if (document.fullscreenElement) {
    console.log(`Element: ${document.fullscreenElement.id} entered full-screen mode.`);
  } else {
    console.log('Leaving full-screen mode.');
  }
});

その他の例については Element: fullscreenchange イベントを参照してください。

仕様書

仕様書 状態
Fullscreen API 現行の標準

ブラウザーの互換性

BCD tables only load in the browser

関連情報