fullscreenchange
イベントは、ブラウザーが全画面モードに移行したり終了したりした直後に発生します。
バブリング | あり |
---|---|
キャンセル | 不可 |
インターフェイス | Event |
イベントハンドラープロパティ | onfullscreenchange |
このイベントは、全画面モードに移行または終了しようとしている Element
に送られ、それから Document
までバブリングします。
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