Document: fullscreenchange イベント

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

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

例

この例では、 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 イベントを参照してください。

仕様書

ブラウザーの互換性

関連情報

• fullscreenerror
• Element: fullscreenchange イベント
• Fullscreen API
• Fullscreen API のガイド