From a617ec8afec43949849163167daaf51a60d2b298 Mon Sep 17 00:00:00 2001 From: MDN Date: Sun, 13 Feb 2022 00:57:20 +0000 Subject: [CRON] sync translated content --- .../web/api/element/onfullscreenchange/index.html | 93 ---------------------- .../web/api/element/onfullscreenerror/index.html | 77 ------------------ 2 files changed, 170 deletions(-) delete mode 100644 files/ja/web/api/element/onfullscreenchange/index.html delete mode 100644 files/ja/web/api/element/onfullscreenerror/index.html (limited to 'files/ja/web/api/element') diff --git a/files/ja/web/api/element/onfullscreenchange/index.html b/files/ja/web/api/element/onfullscreenchange/index.html deleted file mode 100644 index f58e332afb..0000000000 --- a/files/ja/web/api/element/onfullscreenchange/index.html +++ /dev/null @@ -1,93 +0,0 @@ ---- -title: Element.onfullscreenchange -slug: Web/API/Element/onfullscreenchange -tags: - - API - - Element - - Event Handler - - Full - - Full-screen - - Fullscreen API - - Property - - Reference - - fullscreen - - onfullscreenchange - - screen - - イベントハンドラー - - プロパティ - - 全画面 - - 全画面モード -translation_of: Web/API/Element/onfullscreenchange ---- -
{{ApiRef("Fullscreen API")}}
- -

{{domxref("Element")}} インターフェイスの onfullscreenchange プロパティは、 {{domxref("Element/fullscreenchange_event", "fullscreenchange")}} イベントのイベントハンドラーで、要素が全画面モードへ移行するか、終了するときに発生します。

- -

構文

- -
targetDocument.onfullscreenchange = fullscreenChangeHandler;
-
- -

- -

{{event("fullscreenchange")}} イベントのイベントハンドラーで、要素が全画面モードへ移行または終了したことを示します。

- -

- -

この例では fullscreenchange イベントのハンドラーである handleFullscreenChange() を作成します。この関数は {{domxref("event.target")}} のチェックしてどの要素に対して呼び出されたのかを判別し、文書の {{domxref("Document.fullscreenElement", "fullscreenElement")}} の値と要素を比較して、同じノードであるかどうかを確認します。

- -

これを isFullscreen の値に設定して adjustMyControls() という関数に渡し、これがウィンドウ内が全画面モードで表示されているときにアプリのユーザーインターフェイスが最適に表示されるように調整する関数になると想像してください。

- -
function toggleFullscreen() {
-  let elem = document.querySelector("video");
-
-  elem.onfullscreenchange = handleFullscreenChange;
-  if (!document.fullscreenElement) {
-    elem.requestFullscreen().then({}).catch(err => {
-      alert(`Error attempting to enable full-screen mode: ${err.message} (${err.name})`);
-    });
-  } else {
-    document.exitFullscreen();
-  }
-}
-
-function handleFullscreenChange(event) {
-  let elem = event.target;
-  let isFullscreen = document.fullscreenElement === elem;
-
-  adjustMyControls(isFullscreen);
-}
-
- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName("Fullscreen", "#handler-document-onfullscreenchange", "onfullscreenchange")}}{{Spec2("HTML WHATWG")}}初回定義
- -

ブラウザーの互換性

- -

{{Compat("api.Document.onfullscreenchange")}}

- -

関連情報

- - diff --git a/files/ja/web/api/element/onfullscreenerror/index.html b/files/ja/web/api/element/onfullscreenerror/index.html deleted file mode 100644 index b1a08f41c9..0000000000 --- a/files/ja/web/api/element/onfullscreenerror/index.html +++ /dev/null @@ -1,77 +0,0 @@ ---- -title: Element.onfullscreenerror -slug: Web/API/Element/onfullscreenerror -tags: - - API - - Element - - Event Handler - - Full - - Full-screen API - - Property - - Reference - - fullscreen - - onfullscreenerror - - screen - - プロパティ - - 全画面モード -translation_of: Web/API/Element/onfullscreenerror ---- -
{{ApiRef("Fullscreen API")}}
- -

{{domxref("Element")}} インターフェイスの onfullscreenchange プロパティは {{domxref("Element/fullscreenerror_event", "fullscreenerror")}} イベントのイベントハンドラーで、要素が全画面モードへ移行するか、終了するときにエラーが発生したときに発生します。

- -

構文

- -
targetElement.onfullscreenerror = fullscreenErrorHandler;
-
- -

- -

{{domxref("Element/fullscreenerror_event", "fullscreenerror")}} イベントのエラーハンドラーです。

- -

- -

この例は、ユーザーが主導するイベント ({{domxref("Element/click_event", "click")}} や {{domxref("Element/keypress_event", "keypress")}} イベントなど) のハンドラーの外から全画面モードへの切り替えを試みます。全画面モードへの意向は、ユーザー入力への応答の中からしか許可されていないため、これによってエラーが発生し、 {{domxref("Element/fullscreenerror_event", "fullscreenerror")}} イベントをエラーハンドラーに配信します。

- -
let elem = document.querySelector("video")}}
-
-elem.onfullscreenerror = function ( event ) {
-  displayWarning("Unable to switch into full-screen mode.");
-};
-
-//....
-
-elem.requestFullscreen();
- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName("Fullscreen", "#dom-element-onfullscreenerror", "onfullscreenerror")}}{{Spec2("HTML WHATWG")}}初回定義
- -

ブラウザーの互換性

- -

{{Compat("api.Element.onfullscreenerror")}}

- -

関連情報

- - -- cgit v1.2.3-54-g00ecf