Skip to content

Commit

Permalink
2023/07/07 時点の英語版に同期
Browse files Browse the repository at this point in the history
  • Loading branch information
mfuji09 committed Jul 27, 2023
1 parent 07c863a commit 12dcb76
Showing 1 changed file with 20 additions and 15 deletions.
35 changes: 20 additions & 15 deletions files/ja/web/api/element/fullscreenchange_event/index.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
---
title: 'Element: fullscreenchange イベント'
title: "Element: fullscreenchange イベント"
short-title: fullscreenchange
slug: Web/API/Element/fullscreenchange_event
l10n:
sourceCommit: a122e87245c624ba56197641b4d7b21b643a6021
sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
---

{{APIRef}}
Expand Down Expand Up @@ -56,27 +57,31 @@ function fullscreenchanged (event) {
// それを指します。要素がなければ、このプロパティの値は null に
// あります。
if (document.fullscreenElement) {
console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
console.log(
`Element: ${document.fullscreenElement.id} entered fullscreen mode.`,
);
} else {
console.log('Leaving fullscreen mode.');
console.log("Leaving fullscreen mode.");
}
};
}

const el = document.getElementById('fullscreen-div');
const el = document.getElementById("fullscreen-div");

el.addEventListener('fullscreenchange', fullscreenchanged);
el.addEventListener("fullscreenchange", fullscreenchanged);
// or
el.onfullscreenchange = fullscreenchanged;

// トグルボタンがクリックされたら、全画面モードを切り替える
document.getElementById('toggle-fullscreen').addEventListener('click', (event) => {
if (document.fullscreenElement) {
// exitFullscreen は Document オブジェクトでのみ使用可
document.exitFullscreen();
} else {
el.requestFullscreen();
}
});
document
.getElementById("toggle-fullscreen")
.addEventListener("click", (event) => {
if (document.fullscreenElement) {
// exitFullscreen は Document オブジェクトでのみ使用可
document.exitFullscreen();
} else {
el.requestFullscreen();
}
});
```

## 仕様書
Expand Down

0 comments on commit 12dcb76

Please sign in to comment.