diff options
Diffstat (limited to 'files')
| -rw-r--r-- | files/ja/web/api/window/captureevents/index.html | 91 |
1 files changed, 48 insertions, 43 deletions
diff --git a/files/ja/web/api/window/captureevents/index.html b/files/ja/web/api/window/captureevents/index.html index ba664b2fbd..72c4cc67d4 100644 --- a/files/ja/web/api/window/captureevents/index.html +++ b/files/ja/web/api/window/captureevents/index.html @@ -1,53 +1,58 @@ --- -title: window.captureEvents +title: Window.captureEvents() slug: Web/API/Window/captureEvents tags: - - DOM - - DOM_0 + - API - Gecko - - Gecko DOM Reference - - 要更新 + - HTML DOM + - Method + - Non-standard translation_of: Web/API/Window/captureEvents --- -<p> </p> -<p>{{ ApiRef() }} {{ 英語版章題("Summary") }}</p> -<h3 id=".E6.A6.82.E8.A6.81" name=".E6.A6.82.E8.A6.81">概要</h3> -<p>{{ Obsolete_header() }} window に指定したタイプの全てのイベントをキャプチャさせるようにします。</p> -<p>{{ 英語版章題("Syntax") }}</p> -<h3 id="Syntax">構文</h3> -<pre class="eval">window.captureEvents(<i>eventType</i>) +<div>{{ ApiRef() }} {{Deprecated_Header}} {{Non-standard_header}}</div> + +<p><code><strong>Window.captureEvents()</strong></code> メソッドは、指定した種類のすべてのイベントをキャプチャするように、そのウィンドウを登録します。</p> + +<h2 id="Syntax">構文</h2> + +<pre class="brush: js">window.captureEvents(<em>eventType</em>) </pre> -<p><code>eventType</code> は、次の値の組み合わせを取ります。: <code>Event.ABORT</code>, <code>Event.BLUR</code>, <code>Event.CLICK</code>, <code>Event.CHANGE</code>, <code>Event.DBLCLICK</code>, <code>Event.DRAGDDROP</code>, <code>Event.ERROR</code>, <code>Event.FOCUS</code>, <code>Event.KEYDOWN</code>, <code>Event.KEYPRESS</code>, <code>Event.KEYUP</code>, <code>Event.LOAD</code>, <code>Event.MOUSEDOWN</code>, <code>Event.MOUSEMOVE</code>, <code>Event.MOUSEOUT</code>, <code>Event.MOUSEOVER</code>, <code>Event.MOUSEUP</code>, <code>Event.MOVE</code>, <code>Event.RESET</code>, <code>Event.RESIZE</code>, <code>Event.SELECT</code>, <code>Event.SUBMIT</code>, <code>Event.UNLOAD</code>.</p> -<p>{{ 英語版章題("Example") }}</p> -<h3 id=".E4.BE.8B" name=".E4.BE.8B">例</h3> -<pre><html> - <script> - function reg() { - window.captureEvents(Event.CLICK); - window.onclick = page_click; - } - - function page_click() { - alert('ページクリックイベントが検出されました！'); - } - </script> - - <body onload="reg();"> - <p>このページの任意の場所をクリックしてください。</p> - </body> + +<p><code>eventType</code> は、 <code>Event.ABORT</code>, <code>Event.BLUR</code>, <code>Event.CLICK</code>, <code>Event.CHANGE</code>, <code>Event.DBLCLICK</code>, <code>Event.DRAGDDROP</code>, <code>Event.ERROR</code>, <code>Event.FOCUS</code>, <code>Event.KEYDOWN</code>, <code>Event.KEYPRESS</code>, <code>Event.KEYUP</code>, <code>Event.LOAD</code>, <code>Event.MOUSEDOWN</code>, <code>Event.MOUSEMOVE</code>, <code>Event.MOUSEOUT</code>, <code>Event.MOUSEOVER</code>, <code>Event.MOUSEUP</code>, <code>Event.MOVE</code>, <code>Event.RESET</code>, <code>Event.RESIZE</code>, <code>Event.SELECT</code>, <code>Event.SUBMIT</code>, <code>Event.UNLOAD</code> の値の組み合わせを取ります。</p> + +<h2 id="Example">例</h2> + +<pre class="brush:html"><!DOCTYPE html> +<html lang="en"> +<head> +<!-- ... --> +<script> +function reg() { + window.captureEvents(Event.CLICK); + window.onclick = page_click; +} + +function page_click() { + alert('ページクリックイベントが検出されました！'); +} +</script> +</head> + +<body onload="reg();"> +<p>click anywhere on this page.</p> +</body> </html> </pre> -<p>{{ 英語版章題("Notes") }}</p> + <h3 id="Notes">注</h3> -<div class="note"> - <p>W3C DOM Events メソッドを支持するにあたり、このメソッドは Gecko 1.9 では廃止されました（<a href="ja/DOM/element.addEventListener">addEventListener</a> を参照してください）。このメソッドのサポートは <a href="ja/Gecko">Gecko</a> 1.9 で <a href="ja/Gecko_1.9_Changes_affecting_websites">削除されました</a>。</p> -</div> -<p>（ボタンのクリックや現在のドキュメントからフォーカスを移動させたりするような）ユーザの行動によって DOM 内で発生したイベントは、イベントを発生させたオブジェクトに到達する前に、通常、上方向の <a href="ja/DOM/window">window</a> や <a href="ja/DOM/document">document</a> オブジェクトを最初に通ります。</p> -<p><a href="ja/DOM/window">window</a> 上で <code>captureEvents()</code> メソッドを呼び出すとき、指定するタイプのイベント（例えば、<code>Event.CLICK</code>）が階層の「より低い」オブジェクトを通ることはありません。通常のようにイベントを「バブルアップさせる」ためには、イベントを補足している window 上で <a href="ja/DOM/window.releaseEvents">window.releaseEvents()</a> メソッド（{{ Obsolete_inline() }}）を使わなければなりません。</p> -<p>注：次の構文を使用することでこのメソッドにイベントのリストを渡すことができます。: window.captureEvents(Event.KEYPRESS | Event.KEYDOWN | Event.KEYUP).</p> -<p>{{ 英語版章題("Specification") }}</p> -<h3 id=".E4.BB.95.E6.A7.98" name=".E4.BB.95.E6.A7.98">仕様</h3> -<p>{{ DOM0() }}</p> -<div class="noinclude"> - </div> -<p>{{ languages( { "en": "en/DOM/window.captureEvents", "pl": "pl/DOM/window.captureEvents" } ) }}</p> + +<p>ユーザーの操作によって DOM 内で発生したイベント (ボタンのクリックや現在の文書からのフォーカス移動など) は、通常、イベントを開始したオブジェクトに到達する前に、まず高レベルの <a href="/ja/docs/Web/API/Window"><code>window</code></a> や <a href="/ja/docs/Web/API/Document"><code>document</code></a> オブジェクトを通過します。</p> + +<p><a href="/en-US/docs/Web/API/Window"><code>window</code></a> の <code>captureEvents()</code> メソッドを呼び出すと、指定した種類のイベント (例えば <code>Event.CLICK</code>) は、階層内の「下位」オブジェクトに通過しなくなります。イベントを通常のように「バブルアップ」させるためには、 <a href="/en-US/docs/Web/API/Window/releaseEvents"><code>window.releaseEvents()</code></a> ({{deprecated_inline}}) を window 上で呼び出し、イベントをトラップしないようにしなければなりません。</p> + +<p>なお、次の構文を使用することでこのメソッドにイベントのリストを渡すことができます。 + <code>window.captureEvents(Event.KEYPRESS | Event.KEYDOWN | Event.KEYUP)</code>.</p> + +<h2 id="Specifications">仕様書</h2> + +<p>どの仕様書にも含まれていません。</p> |