diff options
Diffstat (limited to 'files/ja/web/api/mouseevent')
| -rw-r--r-- | files/ja/web/api/mouseevent/altkey/index.html | 44 | ||||
| -rw-r--r-- | files/ja/web/api/mouseevent/button/index.html | 110 | ||||
| -rw-r--r-- | files/ja/web/api/mouseevent/buttons/index.html | 101 | ||||
| -rw-r--r-- | files/ja/web/api/mouseevent/clientx/index.html | 120 | ||||
| -rw-r--r-- | files/ja/web/api/mouseevent/ctrlkey/index.html | 125 | ||||
| -rw-r--r-- | files/ja/web/api/mouseevent/index.html | 196 | ||||
| -rw-r--r-- | files/ja/web/api/mouseevent/mouseevent/index.html | 181 | ||||
| -rw-r--r-- | files/ja/web/api/mouseevent/screenx/index.html | 130 | ||||
| -rw-r--r-- | files/ja/web/api/mouseevent/shiftkey/index.html | 126 | ||||
| -rw-r--r-- | files/ja/web/api/mouseevent/which/index.html | 52 |
10 files changed, 1185 insertions, 0 deletions
diff --git a/files/ja/web/api/mouseevent/altkey/index.html b/files/ja/web/api/mouseevent/altkey/index.html new file mode 100644 index 0000000000..9316f58644 --- /dev/null +++ b/files/ja/web/api/mouseevent/altkey/index.html @@ -0,0 +1,44 @@ +--- +title: event.altKey +slug: Web/API/MouseEvent/altKey +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/MouseEvent/altKey +--- +<p>{{ ApiRef() }}</p> +<h3 id="Summary" name="Summary">Summary</h3> +<p>イベントが発生したときALTキーが押されていたかどうかを示します。</p> +<h3 id="Syntax" name="Syntax">Syntax</h3> +<pre class="eval"><i>bool</i> = event.altKey +</pre> +<p><code>bool</code> は <code>true</code> か <code>false</code> であり、イベントが発生したときに ALT キーが押されていたかどうかを示しています。</p> +<h3 id="Example" name="Example">Example</h3> +<pre><html> +<head> +<title>altKey example</title> + +<script type="text/javascript"> + +function showChar(e){ + alert( + "Key Pressed: " + String.fromCharCode(e.charCode) + "\n" + + "charCode: " + e.charCode + "\n" + + "ALT key pressed: " + e.altKey + "\n" + ); +} + +</script> +</head> + +<body onkeypress="showChar(event);"> +<p> +Press any character key, +with or without holding down the ALT key.<br /> +You can also use the SHIFT key together with the ALT key. +</p> +</body> +</html> +</pre> +<p>{{ languages( { "en": "en/DOM/event.altKey", "pl": "pl/DOM/event.altKey" } ) }}</p> diff --git a/files/ja/web/api/mouseevent/button/index.html b/files/ja/web/api/mouseevent/button/index.html new file mode 100644 index 0000000000..71aab88fe7 --- /dev/null +++ b/files/ja/web/api/mouseevent/button/index.html @@ -0,0 +1,110 @@ +--- +title: MouseEvent.button +slug: Web/API/MouseEvent/button +tags: + - API + - DOM + - DOM Events + - MouseEvent + - Property + - Read-only + - Reference +translation_of: Web/API/MouseEvent/button +--- +<p>{{APIRef("DOM Events")}}</p> + +<p>読み取り専用プロパティ <strong><code>MouseEvent.button</code></strong> はイベントのトリガーとなったのがどのボタンが押されたのかを表します。</p> + +<p>このプロパティは、1つまたは複数のボタンを押したり離したりすることによって発生したイベント中にどのボタンが押されたかを示すことのみを保証します。したがって、 {{event("mouseenter")}}, {{event("mouseleave")}}, {{event("mouseover")}}, {{event("mouseout")}} ,{{event("mousemove")}} のようなイベントに対しては確かではありません。</p> + +<p>ユーザーはポインティングデバイスの設定を変更できるため、例えばイベントのボタンプロパティがゼロだった場合、必ずしも物理的な左ボタンによるものとは限りません。ただし、そのような場合でも標準設定における左ボタンと同じ動作をするべきです。</p> + +<div class="note"> +<p><strong>Note:</strong> 全てのマウスイベントで扱える、複数のボタンを同時に押下されていることを表せる {{domxref("MouseEvent.buttons")}} プロパティと混同しないように注意してください。</p> +</div> + +<h2 id="構文">構文</h2> + +<pre class="syntaxbox">var <em>buttonPressed</em> = <em>instanceOfMouseEvent</em>.button +</pre> + +<h3 id="戻り値">戻り値</h3> + +<p>該当するボタンに対応する番号:</p> + +<ul> + <li><code>0</code>: メインボタンが押された。通常は左ボタンか未初期化状態。</li> + <li><code>1</code>: 補助ボタンが押された。通常はホイールボタンまたは中央のボタンが押された場合。</li> + <li><code>2</code>: 第二ボタンが押された。通常は右ボタン。</li> + <li><code>3</code>: 第四ボタン。一般的にブラウザーの戻るボタン。</li> + <li><code>4</code>: 第五ボタン。一般的にブラウザーの進むボタン。</li> +</ul> + +<p>上記のように、ボタンは標準の「左から右へ」のレイアウトとは異なるように構成されてもよいく、左利き用に設定されたマウスでは、ボタンの動作が逆になることがあります。いくつかのポインティングデバイスは１つのボタンしか持たず、キーボードまたは他の入力機構を使用して主、副、補助などを示します。他のポインティングデバイスは多くのボタンを異なる機能およびボタン値にマッピングすることができます。</p> + +<h2 id="例">例</h2> + +<p> </p> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><code><button id="button" oncontextmenu="event.preventDefault();">Click here with your mouse...</button> +<p id="log"></p></code> +</pre> + +<h3 id="JavaScript">JavaScript</h3> + +<pre class="brush: js"><code>let button = document.querySelector('#button'); +let log = document.querySelector('#log'); +button.addEventListener('mouseup', logMouseButton); + +function logMouseButton(e) { + if (typeof e === 'object') { + switch (e.button) { + case 0: + log.textContent = 'Left button clicked.'; + break; + case 1: + log.textContent = 'Middle button clicked.'; + break; + case 2: + log.textContent = 'Right button clicked.'; + break; + default: + log.textContent = `Unknown button code: ${btnCode}`; + } + } +}</code> +</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('DOM3 Events','#widl-MouseEvent-button','MouseEvent.button')}}</td> + <td>{{Spec2('DOM3 Events')}}</td> + <td>Compared to {{SpecName('DOM2 Events')}}, the return value can be negative.</td> + </tr> + <tr> + <td>{{SpecName('DOM2 Events','#Events-MouseEvent','MouseEvent.button')}}</td> + <td>{{Spec2('DOM2 Events')}}</td> + <td>Initial definition.</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザ実装状況">ブラウザ実装状況</h2> + +<div id="compat-desktop">{{Compat("api.MouseEvent.button")}}</div> + +<h2 id="関連情報">関連情報</h2> + +<ul> + <li>{{domxref('"MouseEvent"')}}</li> +</ul> diff --git a/files/ja/web/api/mouseevent/buttons/index.html b/files/ja/web/api/mouseevent/buttons/index.html new file mode 100644 index 0000000000..1854c11fda --- /dev/null +++ b/files/ja/web/api/mouseevent/buttons/index.html @@ -0,0 +1,101 @@ +--- +title: MouseEvent.buttons +slug: Web/API/MouseEvent/buttons +translation_of: Web/API/MouseEvent/buttons +--- +<div>{{APIRef("DOM Events")}}</div> + +<p><span class="seoSummary">The<strong> <code>MouseEvent.buttons</code></strong> read-only property indicates which buttons are pressed on the mouse (or other input device) when a mouse event is triggered.</span></p> + +<p>Each button that can be pressed is represented by a given number (see below). If more than one button is pressed, the button values are added together to produce a new number. For example, if the secondary (<code>2</code>) and auxilary (<code>4</code>) buttons are pressed simultaneously, the value is <code>6</code> (i.e., <code>2 + 4</code>).</p> + +<div class="note"> +<p><strong>Note:</strong> Do not confuse this property with the {{domxref("MouseEvent.button")}} property. The {{domxref("MouseEvent.buttons")}} property indicates the state of buttons pressed during any kind of mouse event, while the {{domxref("MouseEvent.button")}} property only guarantees the correct value for mouse events caused by pressing or releasing one or multiple buttons.</p> +</div> + +<h2 id="Syntax">Syntax</h2> + +<pre class="syntaxbox">var <em>buttonsPressed</em> = <em>instanceOfMouseEvent</em>.buttons +</pre> + +<h3 id="Return_value">Return value</h3> + +<p>A number representing one or more buttons. For more than one button pressed simultaneously, the values are combined (e.g., <code>3</code> is primary + secondary).</p> + +<ul> + <li><code>0 </code> : No button or un-initialized</li> + <li><code>1 </code> : Primary button (usually the left button)</li> + <li><code>2 </code> : Secondary button (usually the right button)</li> + <li><code>4 </code> : Auxiliary button (usually the mouse wheel button or middle button)</li> + <li><code>8 </code> : 4th button (typically the "Browser Back" button)</li> + <li><code>16</code> : 5th button (typically the "Browser Forward" button)</li> +</ul> + +<h2 id="Example">Example</h2> + +<p>This example logs the <code>buttons</code> property when you trigger a {{Event("mousedown")}} event.</p> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><p>Click anywhere with one or more mouse buttons.</p> +<p id="log">buttons: </p></pre> + +<h3 id="JavaScript">JavaScript</h3> + +<pre class="brush: js">let button = document.querySelector('#button'); +let log = document.createTextNode('?'); +document.addEventListener('mousedown', logButtons); + +function logButtons(e) { + log.data = `${e.buttons} (mousedown)`; +} +document.addEventListener('mouseup', unpress); +function unpress(e) { + log.data = `${e.buttons} (mouseup)` +} +document.querySelector('#log').appendChild(log)</pre> + +<h3 id="Result">Result</h3> + +<p>{{EmbedLiveSample("Example")}}</p> + +<h2 id="Specifications">Specifications</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('DOM3 Events','#widl-MouseEvent-buttons','MouseEvent.buttons')}}</td> + <td>{{Spec2('DOM3 Events')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Browser compatibility</h2> + + + +<p>{{Compat("api.MouseEvent.buttons")}}</p> + +<h3 id="Firefox_notes">Firefox notes</h3> + +<p>Firefox supports the <code>buttons</code> attribute on Windows, Linux (GTK), and macOS with the following restrictions:</p> + +<ul> + <li>Utilities allow customization of button actions. Therefore, <em>primary</em> might not be the the left button on the device, <em>secondary</em> might not be the right button, and so on. Moreover, the middle (wheel) button, 4th button, and 5th button might not be assigned a value, even when they are pressed.</li> + <li>Single-button devices may emulate additional buttons with combinations of button and keyboard presses.</li> + <li>Touch devices may emulate buttons with configurable gestures (e.g., one-finger touch for <em>primary</em>, two-finger touch for <em>secondary</em>, etc.).</li> + <li>On Linux (GTK), the 4th button and the 5th button are not supported. In addition, a {{Event("mouseup")}} event always includes the releasing button information in the <code>buttons</code> value.</li> + <li>On Mac OS X 10.5, the <code>buttons</code> attribute always returns <code>0</code> because there is no platform API for implementing this feature.</li> +</ul> + +<h2 id="See_also">See also</h2> + +<ul> + <li>{{domxref("MouseEvent")}}</li> +</ul> diff --git a/files/ja/web/api/mouseevent/clientx/index.html b/files/ja/web/api/mouseevent/clientx/index.html new file mode 100644 index 0000000000..3a41a98919 --- /dev/null +++ b/files/ja/web/api/mouseevent/clientx/index.html @@ -0,0 +1,120 @@ +--- +title: MouseEvent.clientX +slug: Web/API/MouseEvent/clientX +translation_of: Web/API/MouseEvent/clientX +--- +<p>{{APIRef("DOM Events")}}</p> + +<p><strong><code>MouseEvent.clientX</code></strong> は event の起きた点の、クライアント内での X 座標を参照できる読み取り専用の属性です。画面の左上でクリックした場合、ページの横スクロール位置に関わらず、その値は 0 となります。</p> + +<h2 id="記法">記法</h2> + +<pre class="syntaxbox">var <em>x</em> = <em>instanceOfMouseEvent</em>.clientX +</pre> + +<h3 id="返り値">返り値</h3> + +<p>数値</p> + +<h2 id="Example" name="Example">使用例</h2> + +<pre class="brush:html"><!DOCTYPE html> +<html> +<head> +<title>clientX\clientY example</title> + +<script> +function showCoords(evt){ + alert( + "clientX value: " + evt.clientX + "\n" + + "clientY value: " + evt.clientY + "\n" + ); +} +</script> +</head> + +<body onmousedown="showCoords(event)"> +<p>To display the mouse coordinates click anywhere on the page.</p> +</body> +</html> +</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('DOM3 Events','#widl-MouseEvent-clientX','MouseEvent.clientX')}}</td> + <td>{{Spec2('DOM3 Events')}}</td> + <td>{{SpecName('DOM2 Events')}} からの変更はなし</td> + </tr> + <tr> + <td>{{SpecName('DOM2 Events','#Events-MouseEvent','MouseEvent.clientX')}}</td> + <td>{{Spec2('DOM2 Events')}}</td> + <td>最初の定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ互換性</h2> + +<p>{{ CompatibilityTable() }}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>機能</th> + <th>Firefox (Gecko)</th> + <th>Chrome</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>基本サポート</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + <td>6</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>機能</th> + <th>Firefox Mobile (Gecko)</th> + <th>Android</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>基本サポート</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{ domxref("MouseEvent") }}</li> + <li>{{domxref("event.clientY","clientY")}}</li> + <li>{{domxref("event.screenX","screenX")}} / {{domxref("event.screenY","screenY")}}</li> +</ul> diff --git a/files/ja/web/api/mouseevent/ctrlkey/index.html b/files/ja/web/api/mouseevent/ctrlkey/index.html new file mode 100644 index 0000000000..d37884a858 --- /dev/null +++ b/files/ja/web/api/mouseevent/ctrlkey/index.html @@ -0,0 +1,125 @@ +--- +title: MouseEvent.ctrlKey +slug: Web/API/MouseEvent/ctrlKey +translation_of: Web/API/MouseEvent/ctrlKey +--- +<p>{{APIRef("DOM Events")}}</p> + +<p>読み取り専用プロパティ <strong><code>MouseEvent.ctrlKey</code></strong> は、イベント発生時に <kbd>control</kbd> キーが押されたかどうかを、押されていた (<code>true</code>) または押されていない (<code>false</code>) の{{jsxref("Boolean")}} で返します。</p> + +<h2 id="構文">構文</h2> + +<pre class="syntaxbox">var <em>ctrlKeyPressed</em> = <em>instanceOfMouseEvent</em>.ctrlKey +</pre> + +<h3 id="戻り値">戻り値</h3> + +<p>A boolean</p> + +<h2 id="Example" name="Example">例</h2> + +<pre class="brush: js"><html> +<head> +<title>ctrlKey使用例</title> + +<script type="text/javascript"> + +function showChar(e){ + alert( + "Key Pressed: " + String.fromCharCode(e.charCode) + "\n" + + "charCode: " + e.charCode + "\n" + + "CTRL key pressed: " + e.ctrlKey + "\n" + ); +} + +</script> +</head> + +<body onkeypress="showChar(event);"> +<p>何か文字キーを単体またはCTRLキーと同時に押してください。<br /> +また、CTRLキーに加え、SHIFTキーも同時に使用できます。</p> +</body> +</html> +</pre> + +<h2 id="仕様">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('DOM3 Events','#widl-MouseEvent-ctrlKey','MouseEvent.ctrlKey')}}</td> + <td>{{Spec2('DOM3 Events')}}</td> + <td>{{SpecName('DOM2 Events')}}から変更なし</td> + </tr> + <tr> + <td>{{SpecName('DOM2 Events','#Events-MouseEvent','MouseEvent.ctrlKey')}}</td> + <td>{{Spec2('DOM2 Events')}}</td> + <td>最初期の定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ互換性</h2> + +<p>{{ CompatibilityTable() }}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>機能</th> + <th>Edge</th> + <th>Firefox (Gecko)</th> + <th>Chrome</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>基本サポート</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>機能</th> + <th>Edge</th> + <th>Firefox Mobile (Gecko)</th> + <th>Android</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>基本サポート</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{ domxref("MouseEvent") }}</li> +</ul> diff --git a/files/ja/web/api/mouseevent/index.html b/files/ja/web/api/mouseevent/index.html new file mode 100644 index 0000000000..1bdf37eee4 --- /dev/null +++ b/files/ja/web/api/mouseevent/index.html @@ -0,0 +1,196 @@ +--- +title: MouseEvent +slug: Web/API/MouseEvent +tags: + - API + - DOM + - DOM Events + - Interface + - MouseEvent + - Reference + - events + - mouse + - インターフェイス +translation_of: Web/API/MouseEvent +--- +<div>{{APIRef("DOM Events")}}</div> + +<p><code><strong>MouseEvent</strong></code> インターフェイスは、ポインティングデバイス (マウスなど) によるユーザの対話によって発生したイベントを表します。このインターフェイスを使用する一般的なイベントとして {{event("click")}}, {{event("dblclick")}}, {{event("mouseup")}}, {{event("mousedown")}} があります。</p> + +<p><code>MouseEvent</code> は {{domxref("UIEvent")}} から派生しており、これはさらに {{domxref("Event")}} から派生しています。後方互換性のために {{domxref("MouseEvent.initMouseEvent()")}} メソッドは維持されていますが、 <code>MouseEvent</code> オブジェクトを作成する際は {{domxref("MouseEvent.MouseEvent", "MouseEvent()")}} コンストラクターを使用するべきです。</p> + +<p><code>MouseEvent</code> からは、 {{domxref("WheelEvent")}}, {{domxref("DragEvent")}} などの特定用途向けイベントが派生しています。</p> + +<p>{{InheritanceDiagram}}</p> + +<h2 id="Constructor" name="Constructor">コンストラクター</h2> + +<dl> + <dt>{{domxref("MouseEvent.MouseEvent", "MouseEvent()")}}</dt> + <dd><code>MouseEvent</code> オブジェクトを生成します。</dd> +</dl> + +<h2 id="Properties" name="Properties">プロパティ</h2> + +<p><em>このインターフェイスは、親インターフェイスである {{domxref("UIEvent")}} および {{domxref("Event")}} のプロパティも継承しています。</em></p> + +<dl> + <dt>{{domxref("MouseEvent.altKey")}} {{readonlyinline}}</dt> + <dd>マウスイベントが発生したときに <kbd>alt</kbd> キーが押下されていれば、 <code>true</code> を返します。</dd> + <dt>{{domxref("MouseEvent.button")}} {{readonlyinline}}</dt> + <dd>マウスイベントが発生したときに押下されたボタンの番号 (もしあれば) です。</dd> + <dt>{{domxref("MouseEvent.buttons")}} {{readonlyinline}} {{gecko_minversion_inline("15.0")}}</dt> + <dd>マウスイベントが発生したときに離されていたボタンの番号 (もしあれば) です。</dd> + <dt>{{domxref("MouseEvent.clientX")}} {{readonlyinline}}</dt> + <dd>ローカル (DOM content) 座標における、マウスポインターの X 座標。</dd> + <dt>{{domxref("MouseEvent.clientY")}} {{readonlyinline}}</dt> + <dd>ローカル (DOM content) 座標における、マウスポインターの Y 座標。</dd> + <dt>{{domxref("MouseEvent.ctrlKey")}} {{readonlyinline}}</dt> + <dd>マウスイベントが発生したときに <kbd>control</kbd> キーが押下されていれば、 <code>true</code> を返します。</dd> + <dt>{{domxref("MouseEvent.metaKey")}} {{readonlyinline}}</dt> + <dd>マウスイベントが発生したときに <kbd>meta</kbd> キーが押下されていれば、 <code>true</code> を返します。</dd> + <dt>{{domxref("MouseEvent.movementX")}} {{readonlyinline}}</dt> + <dd>前の {{event("mousemove")}} イベントの位置に対して相対的な、マウスポインタの X 座標。</dd> + <dt>{{domxref("MouseEvent.movementY")}} {{readonlyinline}}</dt> + <dd>前の {{event("mousemove")}} イベントの位置に対して相対的な、マウスポインタの Y 座標。</dd> + <dt>{{domxref("MouseEvent.offsetX")}} {{readonlyinline}}{{experimental_inline}}</dt> + <dd>対象ノードのパディング境界の位置に対して相対的な、マウスポインタの X 座標。</dd> + <dt>{{domxref("MouseEvent.offsetY")}} {{readonlyinline}}{{experimental_inline}}</dt> + <dd>対象ノードのパディング境界の位置に対して相対的な、マウスポインタの Y 座標。</dd> + <dt>{{domxref("MouseEvent.pageX")}} {{readonlyinline}}{{experimental_inline}}</dt> + <dd>ドキュメント全体に対して相対的な、マウスポインタの X 座標。</dd> + <dt>{{domxref("MouseEvent.pageY")}} {{readonlyinline}}{{experimental_inline}}</dt> + <dd>ドキュメント全体に対して相対的な、マウスポインタの Y 座標。</dd> + <dt>{{domxref("MouseEvent.region")}} {{readonlyinline}}</dt> + <dd>イベントの影響を受けたヒット領域の ID を返します。影響を受けたヒット領域がない場合は、<code>null</code> を返します。</dd> + <dt>{{domxref("MouseEvent.relatedTarget")}} {{readonlyinline}}</dt> + <dd>イベントのセカンダリターゲットがあれば、それを表します。</dd> + <dt>{{domxref("MouseEvent.screenX")}} {{readonlyinline}}</dt> + <dd>グローバル (スクリーン) 座標における、マウスポインタの X 座標。</dd> + <dt>{{domxref("MouseEvent.screenY")}} {{readonlyinline}}</dt> + <dd>グローバル (スクリーン) 座標における、マウスポインタの Y 座標。</dd> + <dt>{{domxref("MouseEvent.shiftKey")}} {{readonlyinline}}</dt> + <dd>マウスイベントが発生したときに <kbd>shift</kbd> キーが押下されていれば、<code>true</code> を返します。</dd> + <dt>{{domxref("MouseEvent.which")}} {{non-standard_inline}} {{readonlyinline}}</dt> + <dd>マウスイベントが発生したときに押下されていたボタン。</dd> + <dt>{{domxref("MouseEvent.mozPressure")}} {{non-standard_inline()}} {{deprecated_inline}} {{readonlyinline}}</dt> + <dd>イベントが生成されたとき、タッチデバイスやタブレットデバイスに与えられた圧力の大きさです。この値の範囲は、<code>0.0</code> (最小圧力) から <code>1.0</code> (最大圧力) の間です。このプロパティは非推奨 (または非標準) なので、代わりに {{domxref("PointerEvent")}} を使用し、 {{domxref("PointerEvent.pressure", "pressure")}} プロパティを見てください。</dd> + <dt>{{domxref("MouseEvent.mozInputSource")}} {{non-standard_inline()}} {{readonlyinline}}</dt> + <dd>イベントを生成したデバイスの種類 (<code>MOZ_SOURCE_*</code> 定数のいずれか)。これにより、例えばマウスイベントが実際のマウスによって発生したのか、あるいはタッチイベントによって発生したのかを識別できます (これは、イベントに関連する座標を解釈する際の正確さに影響を与えるでしょう)。</dd> + <dt>{{domxref("MouseEvent.webkitForce")}} {{non-standard_inline()}} {{readonlyinline}}</dt> + <dd>クリック時に与えられた圧力。</dd> + <dt>{{domxref("MouseEvent.x")}} {{experimental_inline}}{{readonlyinline}}</dt> + <dd>{{domxref("MouseEvent.clientX")}} の別名。</dd> + <dt>{{domxref("MouseEvent.y")}} {{experimental_inline}}{{readonlyinline}}</dt> + <dd>{{domxref("MouseEvent.clientY")}} の別名。</dd> +</dl> + +<h2 id="Constants" name="Constants">定数</h2> + +<dl> + <dt>{{domxref("MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN")}} {{non-standard_inline}}{{readonlyinline}}</dt> + <dd>通常のクリックに必要な最小圧力。</dd> + <dt>{{domxref("MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN")}} {{non-standard_inline}}{{readonlyinline}}</dt> + <dd>強めのクリック (force click)に必要な最小圧力。</dd> +</dl> + +<h2 id="Methods" name="Methods">メソッド</h2> + +<p><em>このインターフェイスは、親インターフェイスである {{domxref("UIEvent")}} および {{domxref("Event")}} のメソッドも継承します。</em></p> + +<dl> + <dt>{{domxref("MouseEvent.getModifierState()")}}</dt> + <dd>指定した修飾キーの現在の状態を返します。詳しくは {{domxref("KeyboardEvent.getModifierState")}}() をご覧ください。</dd> + <dt>{{domxref("MouseEvent.initMouseEvent()")}} {{deprecated_inline}}</dt> + <dd>作成した <code>MouseEvent</code> の値を初期化します。イベントがすでにディスパッチされている場合は、何も行いません。</dd> +</dl> + +<h2 id="Example" name="Example">例</h2> + +<p>この例は、 DOM メソッドを使用してチェックボックスのクリックをシミュレーション (すなわち、プログラムで click イベントを生成) しています。</p> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><p><label><input type="checkbox" id="checkbox"> Checked</label> +<p><button id="button">Click me</button></pre> + +<h3 id="JavaScript">JavaScript</h3> + +<pre class="brush: js">function simulateClick() { + var evt = new <a href="/ja/docs/Web/API/MouseEvent">MouseEvent</a>("click", { + bubbles: true, + cancelable: true, + view: window + }); + var cb = document.getElementById("checkbox"); //element to click on + var canceled = !cb.<a href="/ja/docs/Web/API/EventTarget.dispatchEvent" rel="internal">dispatchEvent</a>(evt); + if(canceled) { + // ハンドラで preventDefault を呼び出した場合 + alert("canceled"); + } else { + // ハンドラで preventDefault を呼び出さない場合 + alert("not canceled"); + } +} +document.getElementById("button").addEventListener('click', simulateClick);</pre> + +<h3 id="Result" name="Result">結果</h3> + +<p>{{EmbedLiveSample('Example')}}</p> + +<h2 id="Specifications" name="Specifications">仕様書</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('CSSOM View','#extensions-to-the-mouseevent-interface', 'MouseEvent')}}</td> + <td>{{Spec2('CSSOM View')}}</td> + <td><code>MouseEvent</code> を long から double へ再定義。すなわち <code>PointerEvent</code> の <code>pointerType</code> がマウスの場合、 double になります。</td> + </tr> + <tr> + <td>{{SpecName('Pointer Lock','#extensions-to-the-mouseevent-interface','MouseEvent')}}</td> + <td>{{Spec2('Pointer Lock')}}</td> + <td>{{SpecName('DOM3 Events')}} に <code>movementX</code> および <code>movementY</code> プロパティを追加。</td> + </tr> + <tr> + <td>{{SpecName('CSSOM View', '#extensions-to-the-mouseevent-interface', 'MouseEvent')}}</td> + <td>{{Spec2('CSSOM View')}}</td> + <td>{{SpecName('DOM3 Events')}} に <code>offsetX</code>, <code>offsetY</code>, <code>pageX</code>, <code>pageY</code>, <code>x</code>, <code>y</code> プロパティを追加。 screen, page, client, coordinate (x / y) プロパティを <code>long</code> から <code>double</code> へ変更。</td> + </tr> + <tr> + <td>{{SpecName('UI Events', '#interface-mouseevent', 'MouseEvent')}}</td> + <td>{{Spec2('UI Events')}}</td> + <td></td> + </tr> + <tr> + <td>{{SpecName('DOM3 Events','#events-mouseevents','MouseEvent')}}</td> + <td>{{Spec2('DOM3 Events')}}</td> + <td>{{SpecName('DOM2 Events')}} に <code>MouseEvent()</code> コンストラクタ、<code>getModifierState()</code> メソッド、<code>buttons</code> プロパティを追加。</td> + </tr> + <tr> + <td>{{SpecName('DOM2 Events','#Events-MouseEvent','MouseEvent')}}</td> + <td>{{Spec2('DOM2 Events')}}</td> + <td>初回定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> + +<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> + +<p>{{Compat("api.MouseEvent")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>直近の親である {{domxref("UIEvent")}}.</li> + <li>{{domxref("PointerEvent")}}: マルチタッチを含む拡張されたポインターイベント</li> +</ul> diff --git a/files/ja/web/api/mouseevent/mouseevent/index.html b/files/ja/web/api/mouseevent/mouseevent/index.html new file mode 100644 index 0000000000..70c228cc81 --- /dev/null +++ b/files/ja/web/api/mouseevent/mouseevent/index.html @@ -0,0 +1,181 @@ +--- +title: MouseEvent() +slug: Web/API/MouseEvent/MouseEvent +tags: + - API + - Constructor + - DOM + - MouseEvent + - Reference + - events +translation_of: Web/API/MouseEvent/MouseEvent +--- +<p id="Summary">{{APIRef("DOM Events")}}</p> + +<p><strong><code>MouseEvent()</code></strong> コンストラクタは、新しい {{domxref("MouseEvent")}} を作成します。</p> + +<h2 id="シンタックス">シンタックス</h2> + +<pre class="syntaxbox notranslate"> <em>event</em> = new MouseEvent(<em>typeArg</em>, <em>mouseEventInit</em>);</pre> + +<h3 id="値">値</h3> + +<dl> + <dt><em>typeArg</em></dt> + <dd>イベント名を表す {{domxref("DOMString")}} です。</dd> + <dt><em>mouseEventInit</em> {{optional_inline}}</dt> +</dl> + +<dl> + <dd>Is a <code>MouseEventInit</code> dictionary, having the following fields: + + <ul> + <li><code>"screenX"</code>, optional and defaulting to <code>0</code>, of type <code>long</code>, that is the horizontal position of the mouse event on the user's screen; setting this value doesn't move the mouse pointer.</li> + <li><code>"screenY"</code>, optional and defaulting to <code>0</code>, of type <code>long</code>, that is the vertical position of the mouse event on the user's screen; setting this value doesn't move the mouse pointer.</li> + <li><code>"clientX"</code>, optional and defaulting to <code>0</code>, of type <code>long</code>, that is the horizontal position of the mouse event on the client window of user's screen; setting this value doesn't move the mouse pointer.</li> + <li><code>"clientY"</code>, optional and defaulting to <code>0</code>, of type <code>long</code>, that is the vertical position of the mouse event on the client window of the user's screen; setting this value doesn't move the mouse pointer.</li> + <li><code>"ctrlKey"</code>, optional and defaulting to <code>false</code>, of type {{jsxref("Boolean")}}, that indicates if the <kbd>ctrl</kbd> key was simultaneously pressed.</li> + <li><code>"shiftKey"</code>, optional and defaulting to <code>false</code>, of type {{jsxref("Boolean")}}, that indicates if the <kbd>shift</kbd> key was simultaneously pressed.</li> + <li><code>"altKey"</code>, optional and defaulting to <code>false</code>, of type {{jsxref("Boolean")}}, that indicates if the <kbd>alt</kbd> key was simultaneously pressed.</li> + <li><code>"metaKey"</code>, optional and defaulting to <code>false</code>, of type {{jsxref("Boolean")}}, that indicates if the <kbd>meta</kbd> key was simultaneously pressed.</li> + <li><code>"button"</code>, optional and defaulting to <code>0</code>, of type <code>short</code>, that describes which button is pressed during events related to the press or release of a button: + <table class="standard-table"> + <thead> + <tr> + <th scope="col">Value</th> + <th scope="col">Meaning</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>0</code></td> + <td>Main button pressed (usually the left button) or un-initialized</td> + </tr> + <tr> + <td><code>1</code></td> + <td>Auxiliary button pressed (usually the middle button)</td> + </tr> + <tr> + <td><code>2</code></td> + <td>Secondary button pressed (usually the right button)</td> + </tr> + </tbody> + </table> + </li> + <li><code>"buttons"</code>, optional and defaulting to <code>0</code>, of type <code>unsigned short</code>, that describes which buttons are pressed when the event is launched: + <table class="standard-table"> + <thead> + <tr> + <th scope="col">Bit-field value</th> + <th scope="col">Meaning</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>0</code></td> + <td>No button pressed</td> + </tr> + <tr> + <td><code>1</code></td> + <td>Main button pressed (usually the left button)</td> + </tr> + <tr> + <td><code>2</code></td> + <td>Secondary button pressed (usually the right button)</td> + </tr> + <tr> + <td><code>4</code></td> + <td>Auxiliary button pressed (usually the middle button)</td> + </tr> + </tbody> + </table> + </li> + <li><code>"relatedTarget"</code>, optional and defaulting to <code>null</code>, of type {{domxref("EventTarget")}}, that is the element just left (in case of a {{event("mouseenter")}} or {{event("mouseover")}}) or is entering (in case of a {{event("mouseout")}} or {{event("mouseleave")}}).</li> + <li><code>"region"</code>, optional and defaulting to <code>null</code>, of type {{domxref("DOMString")}}, is the id of the hit region affected by the event. The absence of any hit region is affected, is represented by the <code>null</code> value.</li> + </ul> + + <p>実装によっては、スクリーンとクライアントのフィールドに数値以外のものを渡すと <code>TypeError</code> がスローされます。</p> + + <div class="note"> + <p><em><code>MouseEventInit</code> ディクショナリは、{{domxref("UIEvent.UIEvent", "UIEventInit")}} や {{domxref("Event.Event", "EventInit")}} ディクショナリのフィールドも受け入れます。</em></p> + </div> + </dd> +</dl> + +<h2 id="Specifications" name="Specifications">仕様</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('CSSOM View', '#extensions-to-the-mouseevent-interface', 'MouseEvent')}}</td> + <td>{{Spec2('CSSOM View')}}</td> + <td>画面とクライアントのフィールド long を double に再定義しました。</td> + </tr> + <tr> + <td>{{SpecName('DOM3 Events','#interface-MouseEvent','MouseEvent()')}}</td> + <td>{{Spec2('DOM3 Events')}}</td> + <td>初期定義</td> + </tr> + </tbody> +</table> + +<h2 id="ブラウザの互換性">ブラウザの互換性</h2> + +<div class="hidden">このページの互換性一覧表は、構造化データから生成されています。データに貢献したい方は、https://github.com/mdn/browser-compat-data をチェックしてプルリクエストを送ってください。</div> + +<p>{{Compat("api.MouseEvent.MouseEvent")}}</p> + +<h2 id="ポリフィル">ポリフィル</h2> + +<p>Internet Explorer 9 以降の <code>MouseEvent()</code> コンストラクタ機能は、以下のコードでポリフィルすることができます。</p> + +<pre class="brush: js notranslate">(function (window) { + try { + new MouseEvent('test'); + return false; // ポリフィル不要 + } catch (e) { + // ポリフィルの必要性 - 落下 + } + + // ポリフィル DOM4 MouseEvent + var MouseEventPolyfill = function (eventType, params) { + params = params || { bubbles: false, cancelable: false }; + var mouseEvent = document.createEvent('MouseEvent'); + mouseEvent.initMouseEvent(eventType, + params.bubbles, + params.cancelable, + window, + 0, + params.screenX || 0, + params.screenY || 0, + params.clientX || 0, + params.clientY || 0, + params.ctrlKey || false, + params.altKey || false, + params.shiftKey || false, + params.metaKey || false, + params.button || 0, + params.relatedTarget || null + ); + + return mouseEvent; + } + + MouseEventPolyfill.prototype = Event.prototype; + + window.MouseEvent = MouseEventPolyfill; +})(window); +</pre> + +<h2 id="あわせて参照">あわせて参照</h2> + +<ul> + <li>{{domxref("MouseEvent")}}, は、それが構築するオブジェクトのインターフェイス</li> +</ul> diff --git a/files/ja/web/api/mouseevent/screenx/index.html b/files/ja/web/api/mouseevent/screenx/index.html new file mode 100644 index 0000000000..be8c826012 --- /dev/null +++ b/files/ja/web/api/mouseevent/screenx/index.html @@ -0,0 +1,130 @@ +--- +title: MouseEvent.screenX +slug: Web/API/MouseEvent/screenX +translation_of: Web/API/MouseEvent/screenX +--- +<p>{{APIRef("DOM Events")}}</p> + +<p><strong><code>MouseEvent.screenX</code></strong> は、イベントの発生した位置の、スクリーン内での X 座標を参照できる読み取り専用の属性です。</p> + +<h2 id="記法">記法</h2> + +<pre class="syntaxbox">var <em>pixelNumber</em> = <em>instanceOfMouseEvent</em>.screenX +</pre> + +<h3 id="返り値">返り値</h3> + +<ul> + <li><em><code>pixelNumber</code></em> はスクリーンの左上の点からのピクセル数です。</li> +</ul> + +<h3 id="Example" name="Example">使用例</h3> + +<pre class="brush: html"><html> +<head> +<title>screenX\screenY example</title> + +<script type="text/javascript"> + +function showCoords(evt){ + alert( + "screenX value: " + evt.screenX + "\n" + + "screenY value: " + evt.screenY + "\n" + ); +} + +</script> +</head> + +<body onmousedown="showCoords(event)"> +<p>To display the mouse coordinates click anywhere on the page.</p> +</body> +</html> +</pre> + +<p>window や document のような領域の広い要素に対してイベントを処理する場合、以下のように座標を元に適切な処理を呼び出すことができます。</p> + +<pre class="brush: js">function checkClickMap(e) { + if (e.screenX < 50) doRedButton(); + if (50 <= e.screenX<span style="font-size: 1rem;"> && </span>e.screenX<span style="font-size: 1rem;"> < 100)</span><span style="font-size: 1rem;"> doYellowButton(); +</span> if (e.screenX >= 100) doRedButton(); +} +</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('DOM3 Events','#widl-MouseEvent-screenX','MouseEvent.screenX')}}</td> + <td>{{Spec2('DOM3 Events')}}</td> + <td> {{SpecName('DOM2 Events')}} からの変更なし</td> + </tr> + <tr> + <td>{{SpecName('DOM2 Events','#Events-MouseEvent','MouseEvent.sceenX')}}</td> + <td>{{Spec2('DOM2 Events')}}</td> + <td>最初の定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ互換性</h2> + +<p>{{ CompatibilityTable() }}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>機能</th> + <th>Firefox (Gecko)</th> + <th>Chrome</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>基本サポート</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + <td>6</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>機能</th> + <th>Firefox Mobile (Gecko)</th> + <th>Android</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>基本サポート</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{ domxref("MouseEvent") }}</li> +</ul> diff --git a/files/ja/web/api/mouseevent/shiftkey/index.html b/files/ja/web/api/mouseevent/shiftkey/index.html new file mode 100644 index 0000000000..cfa2786d4c --- /dev/null +++ b/files/ja/web/api/mouseevent/shiftkey/index.html @@ -0,0 +1,126 @@ +--- +title: MouseEvent.shiftKey +slug: Web/API/MouseEvent/shiftKey +translation_of: Web/API/MouseEvent/shiftKey +--- +<p>{{APIRef("DOM Events")}}</p> + +<p><strong><code>MouseEvent.shiftKey</code></strong>は読み取り専用のプロパティです。 <kbd>shift</kbd> キーが押された (<code>true</code>) か離されている (<code>false</code>) かを各イベント時に表します。</p> + +<h2 id="文法">文法</h2> + +<pre class="syntaxbox">var <em>shiftKeyPressed</em> = <em>instanceOfMouseEvent</em>.shiftKey +</pre> + +<h3 id="返り値">返り値</h3> + +<p>A boolean</p> + +<h2 id="Example" name="Example">使用例</h2> + +<pre class="brush: js"><html> +<head> +<title>shiftKey example</title> + +<script type="text/javascript"> + +function showChar(e){ + alert( + "Key Pressed: " + String.fromCharCode(e.charCode) + "\n" + + "charCode: " + e.charCode + "\n" + + "SHIFT key pressed: " + e.shiftKey + "\n" + + "ALT key pressed: " + e.altKey + "\n" + ); +} + +</script> +</head> + +<body onkeypress="showChar(event);"> +<p>シフトキーを押しながらアルファベットキーを押してみてください。<br /> +同様に Altキーとも同時に使うことができます。</p> +</body> +</html> +</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('DOM3 Events','#widl-MouseEvent-shiftKey','MouseEvent.shiftKey')}}</td> + <td>{{Spec2('DOM3 Events')}}</td> + <td>次から変更なし{{SpecName('DOM2 Events')}}.</td> + </tr> + <tr> + <td>{{SpecName('DOM2 Events','#Events-MouseEvent','MouseEvent.shiftKey')}}</td> + <td>{{Spec2('DOM2 Events')}}</td> + <td>初期の定義</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザの互換性</h2> + +<p>{{ CompatibilityTable() }}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>特徴</th> + <th>Edge</th> + <th>Firefox (Gecko)</th> + <th>Chrome</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>基本的なサポート</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + <td>{{CompatVersionUnknown()}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>特徴</th> + <th>Edge</th> + <th>Firefox Mobile (Gecko)</th> + <th>Android</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>基本的なサポート</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + <td>{{ CompatUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<h2 id="See_also" name="See_also">参考</h2> + +<ul> + <li>{{ domxref("MouseEvent") }}</li> +</ul> diff --git a/files/ja/web/api/mouseevent/which/index.html b/files/ja/web/api/mouseevent/which/index.html new file mode 100644 index 0000000000..8334684b1e --- /dev/null +++ b/files/ja/web/api/mouseevent/which/index.html @@ -0,0 +1,52 @@ +--- +title: MouseEvent.which +slug: Web/API/MouseEvent/which +tags: + - API + - DOM Events + - MouseEvent + - Non-standard + - Property + - Read-only + - Reference +translation_of: Web/API/MouseEvent/which +--- +<p>{{APIRef("DOM Events")}}</p> + +<p>{{Non-standard_header}}</p> + +<p><strong><code>MouseEvent.which</code></strong> プロパティはマウスのボタンを押下したことを示す読み取り専用のプロパティです。このプロパティの標準的な代替は {{ domxref("MouseEvent.button") }} 及び {{ domxref("MouseEvent.buttons") }}です。</p> + +<h2 id="構文">構文</h2> + +<pre class="syntaxbox">var <em>buttonPressed</em> = <em>instanceOfMouseEvent</em>.which +</pre> + +<h3 id="戻り値">戻り値</h3> + +<p>押下したボタンを示す数値型:</p> + +<ul> + <li><code>0</code>: No button</li> + <li><code>1</code>: 左ボタン</li> + <li><code>2</code>: 中央ボタン</li> + <li><code>3</code>: 右ボタン</li> +</ul> + +<p>左利き用に設定されたマウスの場合、ボタンの動作は逆になります。この場合、値は右から左に読み取られます。</p> + +<h2 id="仕様">仕様</h2> + +<p>仕様はありません。</p> + +<h2 id="ブラウザ互換性">ブラウザ互換性</h2> + + + +<p>{{Compat("api.MouseEvent.which")}}</p> + +<h2 id="関連">関連</h2> + +<ul> + <li>{{ domxref("MouseEvent") }}</li> +</ul> |