diff options
Diffstat (limited to 'files/ja/conflicting/web/api/mouseevent/button/index.html')
| -rw-r--r-- | files/ja/conflicting/web/api/mouseevent/button/index.html | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/files/ja/conflicting/web/api/mouseevent/button/index.html b/files/ja/conflicting/web/api/mouseevent/button/index.html new file mode 100644 index 0000000000..572f611ebc --- /dev/null +++ b/files/ja/conflicting/web/api/mouseevent/button/index.html @@ -0,0 +1,60 @@ +--- +title: event.button +slug: Web/API/Event/button +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/MouseEvent/button +translation_of_original: Web/API/event.button +--- +<p>{{ ApiRef() }}</p> +<h3 id="Summary" name="Summary">Summary</h3> +<p>イベントを発生させたマウスのボタンを示しています。</p> +<h3 id="Syntax" name="Syntax">Syntax</h3> +<pre>var buttonCode = event.button; +</pre> +<p>state を変えたボタンを示す整数値を返します。</p> +<ul> + <li>0 は普通の'クリック'であり、通常は左クリック</li> + <li>1 は中ボタンであり、通常はホイールのクリック</li> + <li>2 は右ボタンであり、通常は右クリック</li> +</ul> +<p>ボタンの順序はどのようにポインティングデバイスが設定されているかによります。</p> +<h3 id="Example" name="Example">Example</h3> +<pre><script type="text/javascript"> + +function whichButton(e) +{ + // Handle different event models + var e = e || window.event; + var btnCode; + + if ('object' == typeof e){ + btnCode = e.button; + + switch (btnCode){ + case 0 : alert('Left button clicked'); + break; + case 1 : alert('Middle button clicked'); + break; + case 2 : alert('Right button clicked'); + break; + default : alert('Unexpected code: ' + btnCode); + } + } +} + +</script> + +<p onclick="whichButton(event);">Click with mouse...</p> + +</pre> +<h3 id="Notes" name="Notes">Notes</h3> +<p>マウスのクリックはしばしばUIによって横取りされるため、ある状況では普通のクリック（通常は左クリック）でないマウスのクリックを検出することが普通のクリックよりも難しいかもしれません。</p> +<p>ユーザーはポインティングデバイスのボタンの設定を変更する可能性があり、たといこのイベントの button プロパティが 0 であったとしても、それは物理的にポインティングデバイスの最も左に存在するボタンによるものではないかもしれません。しかし、そんな場合にも、標準的なボタン配置における左クリックと同様の動作をするべきであるとされています。</p> +<h3 id="Specification" name="Specification">Specification</h3> +<p>DOM 2 Events Specification: <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-MouseEvent-button">button</a></p> +<div class="noinclude"> + </div> +<p>{{ languages( { "en": "en/DOM/event.button", "pl": "pl/DOM/event.button" } ) }}</p> |