diff options
Diffstat (limited to 'files/ja/conflicting/web')
4 files changed, 299 insertions, 0 deletions
diff --git a/files/ja/conflicting/web/api/element/fullscreenchange_event/index.html b/files/ja/conflicting/web/api/element/fullscreenchange_event/index.html new file mode 100644 index 0000000000..72f03279ee --- /dev/null +++ b/files/ja/conflicting/web/api/element/fullscreenchange_event/index.html @@ -0,0 +1,94 @@ +--- +title: Element.onfullscreenchange +slug: conflicting/Web/API/Element/fullscreenchange_event +tags: + - API + - Element + - Event Handler + - Full + - Full-screen + - Fullscreen API + - Property + - Reference + - fullscreen + - onfullscreenchange + - screen + - イベントハンドラー + - プロパティ + - 全画面 + - 全画面モード +translation_of: Web/API/Element/onfullscreenchange +original_slug: 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/conflicting/web/api/element/fullscreenerror_event/index.html b/files/ja/conflicting/web/api/element/fullscreenerror_event/index.html new file mode 100644 index 0000000000..95cbd0764b --- /dev/null +++ b/files/ja/conflicting/web/api/element/fullscreenerror_event/index.html @@ -0,0 +1,78 @@ +--- +title: Element.onfullscreenerror +slug: conflicting/Web/API/Element/fullscreenerror_event +tags: + - API + - Element + - Event Handler + - Full + - Full-screen API + - Property + - Reference + - fullscreen + - onfullscreenerror + - screen + - プロパティ + - 全画面モード +translation_of: Web/API/Element/onfullscreenerror +original_slug: 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> diff --git a/files/ja/conflicting/web/api/window/gamepadconnected_event/index.html b/files/ja/conflicting/web/api/window/gamepadconnected_event/index.html new file mode 100644 index 0000000000..228ecd4cba --- /dev/null +++ b/files/ja/conflicting/web/api/window/gamepadconnected_event/index.html @@ -0,0 +1,66 @@ +--- +title: Window.ongamepadconnected +slug: conflicting/Web/API/Window/gamepadconnected_event +tags: + - API + - Event Handler + - Experimental + - Gamepad API + - Property + - Reference + - Window + - ongamepadconnected +translation_of: Web/API/Window/ongamepadconnected +original_slug: Web/API/Window/ongamepadconnected +--- +<div> +<div>{{DefaultAPISidebar("Gamepad API")}}{{SeeCompatTable}}</div> +</div> + +<div>{{domxref("Window")}} <span class="tlid-translation translation"><span title="">インターフェイスの </span></span><strong><code>ongamepadconnected</code></strong><span class="tlid-translation translation"><span title=""> プロパティは、ゲームパッドが接続されたとき (</span></span>{{event('gamepadconnected')}}<span class="tlid-translation translation"><span title="">イベントが発生したとき) に実行されるイベントハンドラを表します。</span></span></div> + +<div> </div> + +<p>イベントのオブジェクトの型は {{domxref("GamepadEvent")}} です。</p> + +<h2 id="構文">構文</h2> + +<pre class="syntaxbox">window.ongamepadconnected = function() { ... }; +</pre> + +<h2 id="例">例</h2> + +<pre class="brush:js; line-numbers language-js"><code class="language-js">window<span class="punctuation token">.</span><span class="punctuation token">on</span><span class="string token">gamepadconnected =</span> <span class="keyword token">function</span><span class="punctuation token">(</span>event<span class="punctuation token">)</span> <span class="punctuation token">{</span> + <span class="comment token">// All buttons and axes values can be accessed through</span> + event<span class="punctuation token">.</span>gamepad<span class="punctuation token">;</span> +<span class="punctuation token">}</span><span class="punctuation token">;</span></code></pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様</th> + <th scope="col">状態</th> + <th scope="col">コメント</th> + </tr> + <tr> + <td>{{SpecName('Gamepad ', '#event-gamepadconnected', 'gamepadconnected event')}}</td> + <td>{{Spec2('Gamepad')}}</td> + <td>初版</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + + + +<p>{{Compat("api.Window.ongamepadconnected")}}</p> + +<h2 id="参照">参照</h2> + +<ul> + <li>Ted Mielczarek と Robert Nyman による <a class="external text" href="https://hacks.mozilla.org/2013/12/the-gamepad-api/" rel="nofollow">The Gamepad API</a></li> + <li><a href="http://luser.github.io/gamepadtest/">Simple API demo page</a> (<a href="https://github.com/luser/gamepadtest">ソース</a>)</li> +</ul> diff --git a/files/ja/conflicting/web/api/window/gamepaddisconnected_event/index.html b/files/ja/conflicting/web/api/window/gamepaddisconnected_event/index.html new file mode 100644 index 0000000000..d0a42860a0 --- /dev/null +++ b/files/ja/conflicting/web/api/window/gamepaddisconnected_event/index.html @@ -0,0 +1,61 @@ +--- +title: Window.ongamepaddisconnected +slug: conflicting/Web/API/Window/gamepaddisconnected_event +tags: + - API + - Event Handler + - Experimental + - Gamepad API + - Property + - Reference + - Window + - ongamepaddisconnected +translation_of: Web/API/Window/ongamepaddisconnected +original_slug: Web/API/Window/ongamepaddisconnected +--- +<div>{{DefaultAPISidebar("Gamepad API")}}{{SeeCompatTable}}</div> + +<p>{{domxref("Window")}} インターフェースの <strong><code>ongamepaddisconnected</code></strong> プロパティはゲームパッドが切断した時 ({{event('gamepaddisconnected')}} イベントが発生したとき) に実行されるイベントハンドラーを表します。</p> + +<p>イベントのオブジェクトの型は {{domxref("GamepadEvent")}} です。</p> + +<h2 id="構文">構文</h2> + +<pre class="syntaxbox">window.ongamepaddisconnected = function() { ... }; +</pre> + +<h2 id="例">例</h2> + +<pre class="brush:js; line-numbers language-js"><code class="language-js">window<span class="punctuation token">.</span><span class="punctuation token">on</span><span class="string token">gamepaddisconnected =</span> <span class="keyword token">function</span><span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span> + <span class="comment token">// A gamepad has been disconnected</span> +<span class="punctuation token">}</span><span class="punctuation token">;</span></code></pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様</th> + <th scope="col">状態</th> + <th scope="col">コメント</th> + </tr> + <tr> + <td>{{SpecName('Gamepad ', '#event-gamepaddisconnected', 'gamepaddisconnected event')}}</td> + <td>{{Spec2('Gamepad')}}</td> + <td>初版</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + + + +<p>{{Compat("api.Window.ongamepaddisconnected")}}</p> + +<h2 id="参照">参照</h2> + +<ul> + <li>Ted Mielczarek と Robert Nyman による <a class="external text" href="https://hacks.mozilla.org/2013/12/the-gamepad-api/" rel="nofollow">The Gamepad API</a></li> + <li><a href="http://luser.github.io/gamepadtest/">Simple API demo page</a> (<a href="https://github.com/luser/gamepadtest">ソース</a>)</li> +</ul> |