Document.onfullscreenchange

Document インターフェイスの onfullscreenchange プロパティは、文書が全画面モードに移行したり復帰したりする直前に発生する fullscreenchange イベントのイベントハンドラーです。

構文

targetDocument.onfullscreenchange = fullscreenChangeHandler;

文書が全画面モードへの移行および復帰を示す fullscreenchange イベントを受け取るたびに呼び出されるイベントハンドラーです。

使用上のメモ

fullscreenchange イベントは全画面モードへの移行か復帰かを直接特定する方法がないので、イベントハンドラーでは Document.fullscreenElement の値を見てください。 null であれば、イベントは全画面モードからの復帰を示します。それ以外であれば、指定された要素が画面全体に表示されるところです。

document.onfullscreenchange = function ( event ) { 
  console.log("FULL SCREEN CHANGE")
}; 
document.documentElement.onclick = function () {
  // requestFullscreen() はイベントハンドラー内で使用しなければなりません。そうしなければ失敗します。
  document.documentElement.requestFullscreen();
}

仕様書

仕様書 状態 備考
Fullscreen API
onfullscreenchange の定義
現行の標準 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
onfullscreenchangeChrome 完全対応 71
完全対応 71
完全対応 45
代替名
代替名 非標準の名前 onwebkitfullscreenchange を使用しています。
Edge 完全対応 12Firefox 完全対応 64
完全対応 64
未対応 47 — 65
無効
無効 From version 47 until version 65 (exclusive): this feature is behind the full-screen-api.unprefix.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 10 — 65
代替名
代替名 非標準の名前 onmozfullscreenchange を使用しています。
IE 完全対応 11
代替名
完全対応 11
代替名
代替名 非標準の名前 onmsfullscreenchange を使用しています。
Opera 完全対応 ありSafari 完全対応 5.1
代替名
完全対応 5.1
代替名
代替名 非標準の名前 onwebkitfullscreenchange を使用しています。
WebView Android 完全対応 71
完全対応 71
完全対応 45
代替名
代替名 非標準の名前 onwebkitfullscreenchange を使用しています。
Chrome Android 完全対応 71
完全対応 71
完全対応 45
代替名
代替名 非標準の名前 onwebkitfullscreenchange を使用しています。
Firefox Android 完全対応 64
完全対応 64
未対応 47 — 65
無効
無効 From version 47 until version 65 (exclusive): this feature is behind the full-screen-api.unprefix.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
未対応 10 — 65
代替名
代替名 非標準の名前 onmozfullscreenchange を使用しています。
Opera Android 完全対応 ありSafari iOS 完全対応 5.1
代替名
完全対応 5.1
代替名
代替名 非標準の名前 onwebkitfullscreenchange を使用しています。
Samsung Internet Android 完全対応 5.0

凡例

完全対応  
完全対応
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。
非標準の名前を使用しています。
非標準の名前を使用しています。

関連情報