From 6847b6bfcaebc9a07d73d32c2c93b3894d5a782d Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sat, 1 Jan 2022 01:09:51 +0900 Subject: 2021/11/05 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/api/mouseevent/ctrlkey/index.md | 104 ++++++++++++--------------- 1 file changed, 45 insertions(+), 59 deletions(-) (limited to 'files/ja') diff --git a/files/ja/web/api/mouseevent/ctrlkey/index.md b/files/ja/web/api/mouseevent/ctrlkey/index.md index 920a4cae65..c879da2f18 100644 --- a/files/ja/web/api/mouseevent/ctrlkey/index.md +++ b/files/ja/web/api/mouseevent/ctrlkey/index.md @@ -1,75 +1,61 @@ --- title: MouseEvent.ctrlKey slug: Web/API/MouseEvent/ctrlKey +tags: + - API + - DOM + - DOM イベント + - MouseEvent + - プロパティ + - 読み取り専用 + - リファレンス +browser-compat: api.MouseEvent.ctrlKey translation_of: Web/API/MouseEvent/ctrlKey --- -

{{APIRef("DOM Events")}}

+{{APIRef("DOM Events")}} -

読み取り専用プロパティ MouseEvent.ctrlKey は、イベント発生時に control キーが押されたかどうかを、押されていた (true) または押されていない (false) の{{jsxref("Boolean")}} で返します。

+**`MouseEvent.ctrlKey`** は読み取り専用のプロパティで、このマウスイベントが発生した際に ctrl キーが押されていたかどうかを示す論理値です。 -

構文

+> **Note:** Macintosh のキーボードでは、このキーは control キーです。 -
var ctrlKeyPressed = instanceOfMouseEvent.ctrlKey
-
+## 値 -

戻り値

+論理値gで、 `true` はキーが押されていたことを示し、 `false` はキーが押されていなかったことを示します。 -

A boolean

+## 例 -

例

+この例では、 {{Event("click")}} イベントを発生させた際に `ctrlKey` プロパティを記録します。 -
<html>
-<head>
-<title>ctrlKey使用例</title>
+### HTML
 
-<script type="text/javascript">
+```html
+
ctrlKey プロパティを試験するためにどこかをクリックしてください。

+

+```
 
-function showChar(e){
-  alert(
-    "Key Pressed: " + String.fromCharCode(e.charCode) + "\n"
-    + "charCode: " + e.charCode + "\n"
-    + "CTRL key pressed: " + e.ctrlKey + "\n"
-  );
+### JavaScript
+
+```js
+let log = document.querySelector('#log');
+document.addEventListener('click', logKey);
+
+function logKey(e) {
+  log.textContent = `Ctrl キーの押下状態: ${e.ctrlKey}`;
 }
+```
+
+### 結果
+
+{{EmbedLiveSample("Example")}}
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
 
-</script>
-</head>
-
-<body onkeypress="showChar(event);">
-<p>何か文字キーを単体またはCTRLキーと同時に押してください。<br />
-また、CTRLキーに加え、SHIFTキーも同時に使用できます。</p>
-</body>
-</html>
-
- -

仕様

- - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('DOM3 Events','#widl-MouseEvent-ctrlKey','MouseEvent.ctrlKey')}}{{Spec2('DOM3 Events')}}{{SpecName('DOM2 Events')}}から変更なし
{{SpecName('DOM2 Events','#Events-MouseEvent','MouseEvent.ctrlKey')}}{{Spec2('DOM2 Events')}}最初期の定義
- -

ブラウザ互換性

- -

{{Compat("api.MouseEvent.ctrlKey")}}

- -

関連情報

- - +- {{ domxref("MouseEvent") }} -- cgit v1.2.3-54-g00ecf