Element: fullscreenerror イベント

fullscreenerror イベントは、ブラウザーが全画面モードに切り替えることができなかったときに発生します。

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

fullscreenchange イベントと同様に、2つの fullscreenerror イベントが発生します。1つ目はモード切替に失敗した Element に送られ、2つ目はその要素を含む Document に送られます。

全画面モードへの切り替えが失敗する理由の一部は、 Fullscreen API のガイドをお読みください。

const requestor = document.querySelector('div');

requestor.addEventListener('fullscreenerror', (event) => {
  console.error('an error occurred changing into fullscreen');
  console.log(event);
});

requestor.requestFullscreen();

仕様書

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

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
fullscreenerror eventChrome 完全対応 71
完全対応 71
完全対応 57
代替名
代替名 非標準の名前 webkitfullscreenerror を使用しています。
Edge 完全対応 ≤79Firefox 完全対応 64
完全対応 64
未対応 10 — 64
代替名
代替名 非標準の名前 mozfullscreenerror を使用しています。
IE ? Opera 完全対応 44Safari ? WebView Android 完全対応 71
完全対応 71
完全対応 57
代替名
代替名 非標準の名前 webkitfullscreenerror を使用しています。
Chrome Android 完全対応 71
完全対応 71
完全対応 57
代替名
代替名 非標準の名前 webkitfullscreenerror を使用しています。
Firefox Android 完全対応 64
完全対応 64
未対応 10 — 64
代替名
代替名 非標準の名前 mozfullscreenerror を使用しています。
Opera Android 完全対応 43Safari iOS ? Samsung Internet Android 完全対応 7.0

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明
非標準の名前を使用しています。
非標準の名前を使用しています。

関連情報