From 12dcb760330e12787bb5751cf182734bbe746739 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Mon, 24 Jul 2023 01:24:06 +0900 Subject: [PATCH] =?UTF-8?q?2023/07/07=20=E6=99=82=E7=82=B9=E3=81=AE?= =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=90=8C=E6=9C=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../element/fullscreenchange_event/index.md | 35 +++++++++++-------- 1 file changed, 20 insertions(+), 15 deletions(-) diff --git a/files/ja/web/api/element/fullscreenchange_event/index.md b/files/ja/web/api/element/fullscreenchange_event/index.md index 0456b200b16264..20685893063936 100644 --- a/files/ja/web/api/element/fullscreenchange_event/index.md +++ b/files/ja/web/api/element/fullscreenchange_event/index.md @@ -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}} @@ -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(); + } + }); ``` ## 仕様書