diff options
author | MDN <actions@users.noreply.github.com> | 2022-02-13 00:57:20 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2022-02-13 00:57:20 +0000 |
commit | a617ec8afec43949849163167daaf51a60d2b298 (patch) | |
tree | dee1a1dc953762fc075d0517e05278142e7faf9a /files/ja/web/api/element | |
parent | 45dd46e6b17e45bcb3655c53eb921119359336f7 (diff) | |
download | translated-content-a617ec8afec43949849163167daaf51a60d2b298.tar.gz translated-content-a617ec8afec43949849163167daaf51a60d2b298.tar.bz2 translated-content-a617ec8afec43949849163167daaf51a60d2b298.zip |
[CRON] sync translated content
Diffstat (limited to 'files/ja/web/api/element')
-rw-r--r-- | files/ja/web/api/element/onfullscreenchange/index.html | 93 | ||||
-rw-r--r-- | files/ja/web/api/element/onfullscreenerror/index.html | 77 |
2 files changed, 0 insertions, 170 deletions
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 ---- -<div>{{ApiRef("Fullscreen API")}}</div> - -<p><span class="seoSummary">{{domxref("Element")}} インターフェイスの <code><strong>onfullscreenchange</strong></code> プロパティは、 {{domxref("Element/fullscreenchange_event", "fullscreenchange")}} イベントのイベントハンドラーで、要素が全画面モードへ移行するか、終了するときに発生します。</span></p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox"><em>targetDocument</em>.onfullscreenchange = <em>fullscreenChangeHandler</em>; -</pre> - -<h3 id="Value" name="Value">値</h3> - -<p>{{event("fullscreenchange")}} イベントのイベントハンドラーで、要素が全画面モードへ移行または終了したことを示します。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<p>この例では <code>fullscreenchange</code> イベントのハンドラーである <code>handleFullscreenChange()</code> を作成します。この関数は {{domxref("event.target")}} のチェックしてどの要素に対して呼び出されたのかを判別し、文書の {{domxref("Document.fullscreenElement", "fullscreenElement")}} の値と要素を比較して、同じノードであるかどうかを確認します。</p> - -<p>これを <code>isFullscreen</code> の値に設定して <code>adjustMyControls()</code> という関数に渡し、これがウィンドウ内が全画面モードで表示されているときにアプリのユーザーインターフェイスが最適に表示されるように調整する関数になると想像してください。</p> - -<pre class="brush: js">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); -} -</pre> - -<h2 id="Specification" name="Specification">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - <th scope="col">状態</th> - <th scope="col">備考</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Fullscreen", "#handler-document-onfullscreenchange", "onfullscreenchange")}}</td> - <td>{{Spec2("HTML WHATWG")}}</td> - <td>初回定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("api.Document.onfullscreenchange")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/Fullscreen_API">Fullscreen API</a></li> - <li><a href="/ja/docs/Web/API/Fullscreen_API/Guide">Fullscreen API のガイド</a></li> - <li>{{domxref("Element/fullscreenchange_event", "fullscreenchange")}}</li> - <li>{{domxref("Element.onfullscreenerror")}}</li> - <li>{{domxref("Document")}} で同等のもの: {{domxref("Document.onfullscreenchange", "onfullscreenchange")}}.</li> -</ul> 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 ---- -<div>{{ApiRef("Fullscreen API")}}</div> - -<p><span class="seoSummary">{{domxref("Element")}} インターフェイスの <code><strong>onfullscreenchange</strong></code> プロパティは {{domxref("Element/fullscreenerror_event", "fullscreenerror")}} イベントのイベントハンドラーで、要素が全画面モードへ移行するか、終了するときにエラーが発生したときに発生します。</span></p> - -<h2 id="Syntax" name="Syntax">構文</h2> - -<pre class="syntaxbox"><var>targetElement</var>.onfullscreenerror = <var>fullscreenErrorHandler</var>; -</pre> - -<h3 id="Value" name="Value">値</h3> - -<p>{{domxref("Element/fullscreenerror_event", "fullscreenerror")}} イベントのエラーハンドラーです。</p> - -<h2 id="Examples" name="Examples">例</h2> - -<p>この例は、ユーザーが主導するイベント ({{domxref("Element/click_event", "click")}} や {{domxref("Element/keypress_event", "keypress")}} イベントなど) のハンドラーの外から全画面モードへの切り替えを試みます。全画面モードへの意向は、ユーザー入力への応答の中からしか許可されていないため、これによってエラーが発生し、 {{domxref("Element/fullscreenerror_event", "fullscreenerror")}} イベントをエラーハンドラーに配信します。</p> - -<pre class="brush: js">let elem = document.querySelector("video")}} - -elem.onfullscreenerror = function ( event ) { - displayWarning("Unable to switch into full-screen mode."); -}; - -//.... - -elem.requestFullscreen();</pre> - -<h2 id="Specification" name="Specification">仕様書</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">仕様書</th> - <th scope="col">状態</th> - <th scope="col">備考</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("Fullscreen", "#dom-element-onfullscreenerror", "onfullscreenerror")}}</td> - <td>{{Spec2("HTML WHATWG")}}</td> - <td>初回定義</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> - -<p>{{Compat("api.Element.onfullscreenerror")}}</p> - -<h2 id="See_also" name="See_also">関連情報</h2> - -<ul> - <li><a href="/ja/docs/Web/API/Fullscreen_API">Fullscreen API</a></li> - <li><a href="/ja/docs/Web/API/Fullscreen_API/Guide">Fullscreen API のガイド</a></li> - <li>{{domxref("Element/fullscreenerror_event", "fullscreenerror")}}</li> - <li>{{domxref("Element.onfullscreenerror")}}</li> - <li>{{domxref("Document.onfullscreenerror")}}</li> -</ul> |