diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-01 00:10:23 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2022-01-11 11:49:44 +0900 |
commit | 4df8cf0b7a2714a60abd9a5ed41a5b5cd4eccd68 (patch) | |
tree | 58f334b56595d15fd1fd5e39b79cfae8c0901153 /files/ja/web | |
parent | d587eeb68e38d139cef6ac3709d748954a4ce2c8 (diff) | |
download | translated-content-4df8cf0b7a2714a60abd9a5ed41a5b5cd4eccd68.tar.gz translated-content-4df8cf0b7a2714a60abd9a5ed41a5b5cd4eccd68.tar.bz2 translated-content-4df8cf0b7a2714a60abd9a5ed41a5b5cd4eccd68.zip |
2021/11/05 時点の英語版に同期
Diffstat (limited to 'files/ja/web')
-rw-r--r-- | files/ja/web/api/mouseevent/altkey/index.md | 92 |
1 files changed, 56 insertions, 36 deletions
diff --git a/files/ja/web/api/mouseevent/altkey/index.md b/files/ja/web/api/mouseevent/altkey/index.md index ffa370b596..c88f5cd01c 100644 --- a/files/ja/web/api/mouseevent/altkey/index.md +++ b/files/ja/web/api/mouseevent/altkey/index.md @@ -1,45 +1,65 @@ --- -title: event.altKey +title: MouseEvent.altKey slug: Web/API/MouseEvent/altKey tags: + - API - DOM - - Gecko - - Gecko DOM Reference + - DOM イベント + - MouseEvent + - プロパティ + - 読み取り専用 + - リファレンス +browser-compat: api.MouseEvent.altKey translation_of: Web/API/MouseEvent/altKey translation_of_original: Web/API/event.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" - ); +{{APIRef("DOM Events")}} + +**`MouseEvent.altKey`** は読み取り専用のプロパティであり、論理値で、マウスイベントが発行されたときに <kbd>alt</kbd> キーが押されていたかどうかを示します。 + +オペレーティングシステムによっては、いつでも <kbd>alt</kbd> キーを検出できるとは限りらないことに注意してください。 +例えば、一部の Linux では、 <kbd>alt</kbd> キーを押しながらマウスの左クリックが、ウィンドウの移動またはリサイズに使われています。 + +> **Note:** Macintosh のキーボードでは、このキーは <kbd>option</kbd> キーとも呼ばれています。 + +## 値 + +論理値であり、 `true` はキーが押されていたことを、 `false` はキーが押されてい*なかった*ことを示します。 + +## 例 + +この例は、 {{Event("click")}} イベントが発行されたときに `altKey` プロパティを記録します。 + +### HTML + +```html +<p><code>altKey</code> プロパティを試験するためにどこかをクリックしてください。</p> +<p id="log"></p> +``` + +### JavaScript + +```js +let log = document.querySelector('#log'); +document.addEventListener('click', logKey); + +function logKey(e) { + log.textContent = `Alt キーの押下状態: ${e.altKey}`; } +``` + +### 結果 + +{{EmbedLiveSample("Example")}} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 -</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> +- {{ domxref("MouseEvent") }} |