2023/04/07 時点の英語版に同期

mdn · Jul 27, 2023 · 229edf0 · 229edf0
1 parent 1193ef6
commit 229edf0
Show file tree

Hide file tree

Showing 11 changed files with 90 additions and 57 deletions.
diff --git a/files/ja/web/api/event/bubbles/index.md b/files/ja/web/api/event/bubbles/index.md
@@ -1,13 +1,16 @@
 ---
-title: Event.bubbles
+title: "Event: bubbles プロパティ"
+short-title: bubbles
 slug: Web/API/Event/bubbles
+l10n:
+  sourceCommit: 339595951b78774e951b1a9d215a6db6b856f6b2
 ---
 
 {{ ApiRef("DOM") }}
 
 **`bubbles`** は {{domxref("Event")}} インターフェイスの読み取り専用プロパティで、イベントが DOM ツリーをバブリングするかしないかを示します。
 
-> **メモ:** バブリングについての詳細は、[イベントのバブリングとキャプチャ](/ja/docs/Learn/JavaScript/Building_blocks/Events#event_bubbling_and_capture)を参照してください。
+> **メモ:** バブリングについての詳細は、[イベントのバブリングとキャプチャ](/ja/docs/Learn/JavaScript/Building_blocks/Events#イベントのバブリングとキャプチャリング)を参照してください。
 
 ## 値
 
@@ -17,13 +20,12 @@ slug: Web/API/Event/bubbles
 
 ```js
 function handleInput(e) {
-  // Checks whether the event bubbles and ...
+  // バブリングするイベントを渡すかどうかをチェック
   if (!e.bubbles) {
-    // ... passes the event along if does not
     passItOn(e);
   }
 
-  // Already bubbling
+  // 既にバブリングした
   doOutput(e);
 }
 ```

diff --git a/files/ja/web/api/event/currenttarget/index.md b/files/ja/web/api/event/currenttarget/index.md
@@ -1,11 +1,14 @@
 ---
-title: Event.currentTarget
+title: "Event: currentTarget プロパティ"
+short-title: currentTarget
 slug: Web/API/Event/currentTarget
+l10n:
+  sourceCommit: 339595951b78774e951b1a9d215a6db6b856f6b2
 ---
 
 {{APIRef("DOM")}}
 
-**`currentTarget`** は {{domxref("Event")}} インターフェイスの読み取り専用プロパティで、イベントが DOM を走査する際の、イベントの現在のターゲットを特定します。これは常にイベントハンドラーが装着されている要素を指し、 {{domxref("Event.target")}} とは対照的に、イベントが発生した要素やその子孫である可能性のある要素を特定します。
+**`currentTarget`** は {{domxref("Event")}} インターフェイスの読み取り専用プロパティで、イベントが DOM を走査する際の、イベントの現在のターゲットを特定します。これは常にイベントハンドラーが装着されている要素を指し、{{domxref("Event.target")}} とは対照的に、イベントが発生した要素やその子孫である可能性のある要素を特定します。
 
 ## 値
 
@@ -16,25 +19,25 @@ slug: Web/API/Event/currentTarget
 `Event.currentTarget` は、複数の要素に同じイベントハンドラーを割り当てるときに使用すると面白いです。
 
 ```js
-function hide(e){
-  e.currentTarget.style.visibility = 'hidden';
+function hide(e) {
+  e.currentTarget.style.visibility = "hidden";
   console.log(e.currentTarget);
-  // この関数がイベントハンドラとして使用されるとき： this === e.currentTarget
+  // この関数がイベントハンドラーとして使用されるとき： this === e.currentTarget
 }
 
-var ps = document.getElementsByTagName('p');
+const ps = document.getElementsByTagName("p");
 
-for(var i = 0; i < ps.length; i++){
-  // console: print the clicked <p> element
-  ps[i].addEventListener('click', hide, false);
+for (const p of ps) {
+  // クリックされた <p> 要素を隠す
+  p.addEventListener("click", hide, false);
 }
-// console: print <body>
-document.body.addEventListener('click', hide, false);
+
+document.body.addEventListener("click", hide, false);
 
 // 周辺をクリックすると段落が消えます。
 ```
 
-> **メモ:** イベント処理中**だけ** `event.currentTarget` の値は利用可能です。
+> **メモ:** イベント処理中*だけ* `event.currentTarget` の値は利用可能です。
 > もし {{DOMxRef("console.log()")}} で `event` オブジェクトを変数に格納し、コンソールで `currentTarget` キーを探すと、その値は `null` となります。<br/>
 > `console.log(event.currentTarget)` を使ってコンソールで表示するか、 [`debugger`](/ja/docs/Web/JavaScript/Reference/Statements/debugger) 文を使ってコードの実行を一時停止し、 `event.currentTarget` の値を表示させる必要があります。
 

diff --git a/files/ja/web/api/event/defaultprevented/index.md b/files/ja/web/api/event/defaultprevented/index.md
@@ -1,11 +1,14 @@
 ---
-title: Event.defaultPrevented
+title: "Event: defaultPrevented プロパティ"
+short-title: defaultPrevented
 slug: Web/API/Event/defaultPrevented
+l10n:
+  sourceCommit: 339595951b78774e951b1a9d215a6db6b856f6b2
 ---
 
 {{ APIRef("DOM") }}
 
-**`defaultPrevented`** は {{domxref("Event")}} インターフェイスの読み取り専用プロパティで、論理値で {{ domxref("Event.preventDefault()") }} の呼び出しがイベントをキャンセルしたかどうかを示す値を返します。
+**`defaultPrevented`** は {{domxref("Event")}} インターフェイスの読み取り専用プロパティで、{{ domxref("Event.preventDefault()") }} の呼び出しがイベントをキャンセルしたかどうかを示す値を論理値で返します。
 
 ## 値
 
@@ -31,21 +34,18 @@ function stopLink(event) {
 }
 
 function logClick(event) {
-  const log = document.getElementById('log');
-
-  if (event.target.tagName === 'A') {
-    if (event.defaultPrevented) {
-      log.innerText = 'Sorry, but you cannot visit this link!\n' + log.innerText;
-    }
-    else {
-      log.innerText = 'Visiting link...\n' + log.innerText;
-    }
+  const log = document.getElementById("log");
+
+  if (event.target.tagName === "A") {
+    log.innerText = event.defaultPrevented
+      ? `Sorry, but you cannot visit this link!\n${log.innerText}`
+      : `Visiting link…\n${log.innerText}`;
   }
 }
 
-const a = document.getElementById('link2');
-a.addEventListener('click', stopLink);
-document.addEventListener('click', logClick);
+const a = document.getElementById("link2");
+a.addEventListener("click", stopLink);
+document.addEventListener("click", logClick);
 ```
 
 ### 結果

diff --git a/files/ja/web/api/event/event/index.md b/files/ja/web/api/event/event/index.md
@@ -1,6 +1,9 @@
 ---
-title: Event()
+title: "Event: Event() コンストラクター"
+short-title: Event()
 slug: Web/API/Event/Event
+l10n:
+  sourceCommit: 339595951b78774e951b1a9d215a6db6b856f6b2
 ---
 
 {{APIRef("DOM")}}
@@ -9,7 +12,7 @@ slug: Web/API/Event/Event
 
 ## 構文
 
-```js
+```js-nolint
 new Event(type)
 new Event(type, options)
 ```
@@ -34,12 +37,12 @@ new Event(type, options)
 ## 例
 
 ```js
-// create a look event that bubbles up and cannot be canceled
+// バブルアップし、キャンセルできない look イベントを作成
 
-const evt = new Event("look", {"bubbles":true, "cancelable":false});
+const evt = new Event("look", { bubbles: true, cancelable: false });
 document.dispatchEvent(evt);
 
-// event can be dispatched from any element, not only the document
+// イベントは文書だけでなく、あらゆる要素から配信することができる
 myDiv.dispatchEvent(evt);
 ```
 

diff --git a/files/ja/web/api/event/explicitoriginaltarget/index.md b/files/ja/web/api/event/explicitoriginaltarget/index.md
@@ -1,6 +1,9 @@
 ---
-title: Event.explicitOriginalTarget
+title: "Event: explicitOriginalTarget プロパティ"
+short-title: explicitOriginalTarget
 slug: Web/API/Event/explicitOriginalTarget
+l10n:
+  sourceCommit: 339595951b78774e951b1a9d215a6db6b856f6b2
 ---
 
 {{APIRef("DOM")}}{{Non-standard_Header}}
@@ -9,7 +12,7 @@ slug: Web/API/Event/explicitOriginalTarget
 
 イベントが無名境界通過以外の何らかの理由で再ターゲットされた場合、再ターゲットが発生する前にターゲットに設定されます。
 
-例えば、マウスイベントがテキストノードの上で発生した場合、その親ノードに再ターゲットされます（[Firefox バグ 185889](https://bugzil.la/185889) 参照）。この場合、 [`currentTarget`](/ja/docs/Web/API/Event/currentTarget) は親ノードを表示し、このプロパティはテキストノードを表示することになります。
+例えば、マウスイベントがテキストノードの上で発生した場合、その親ノードに再ターゲットされます（[Webkit バグ 185889](https://bugzil.la/185889) 参照）。この場合、 [`currentTarget`](/ja/docs/Web/API/Event/currentTarget) は親ノードを表示し、このプロパティはテキストノードを表示することになります。
 
 このプロパティは [`originalTarget`](/ja/docs/Web/API/Event/originalTarget) とも異なり、無名のコンテンツを含むことはありません。
 

diff --git a/files/ja/web/api/event/istrusted/index.md b/files/ja/web/api/event/istrusted/index.md
@@ -1,6 +1,9 @@
 ---
-title: Event.isTrusted
+title: "Event: isTrusted プロパティ"
+short-title: isTrusted
 slug: Web/API/Event/isTrusted
+l10n:
+  sourceCommit: 339595951b78774e951b1a9d215a6db6b856f6b2
 ---
 
 {{APIRef("DOM")}}

diff --git a/files/ja/web/api/event/originaltarget/index.md b/files/ja/web/api/event/originaltarget/index.md
@@ -1,6 +1,9 @@
 ---
-title: Event.originalTarget
+title: "Event: originalTarget プロパティ"
+short-title: originalTarget
 slug: Web/API/Event/originalTarget
+l10n:
+  sourceCommit: 339595951b78774e951b1a9d215a6db6b856f6b2
 ---
 
 {{ ApiRef("DOM") }} {{Non-standard_header}}

diff --git a/files/ja/web/api/event/returnvalue/index.md b/files/ja/web/api/event/returnvalue/index.md
@@ -1,6 +1,9 @@
 ---
-title: Event.returnValue
+title: "Event: returnValue プロパティ"
+short-title: returnValue
 slug: Web/API/Event/returnValue
+l10n:
+  sourceCommit: 339595951b78774e951b1a9d215a6db6b856f6b2
 ---
 
 {{APIRef("DOM")}}{{Deprecated_Header}}
@@ -24,3 +27,7 @@ slug: Web/API/Event/returnValue
 ## ブラウザーの互換性
 
 {{Compat}}
+
+## 関連情報
+
+- {{domxref("HTMLDialogElement.returnValue")}}: {{HTMLElement("dialog")}} の返値
diff --git a/files/ja/web/api/event/srcelement/index.md b/files/ja/web/api/event/srcelement/index.md
@@ -1,6 +1,9 @@
 ---
-title: Event.srcElement
+title: "Event: srcElement プロパティ"
+short-title: srcElement
 slug: Web/API/Event/srcElement
+l10n:
+  sourceCommit: 339595951b78774e951b1a9d215a6db6b856f6b2
 ---
 
 {{ApiRef("DOM")}}{{deprecated_header}}

diff --git a/files/ja/web/api/event/target/index.md b/files/ja/web/api/event/target/index.md
@@ -1,6 +1,9 @@
 ---
-title: Event.target
+title: "Event: target プロパティ"
+short-title: target
 slug: Web/API/Event/target
+l10n:
+  sourceCommit: 339595951b78774e951b1a9d215a6db6b856f6b2
 ---
 
 {{ApiRef("DOM")}}
@@ -17,23 +20,23 @@ slug: Web/API/Event/target
 
 ```js
 // リストの作成
-const ul = document.createElement('ul');
+const ul = document.createElement("ul");
 document.body.appendChild(ul);
 
-const li1 = document.createElement('li');
-const li2 = document.createElement('li');
+const li1 = document.createElement("li");
+const li2 = document.createElement("li");
 ul.appendChild(li1);
 ul.appendChild(li2);
 
 function hide(evt) {
   // evt.target はクリックされた <li> 要素を参照しています。
   // これはこのコンテキストで親である <ul> を参照している evt.currentTarget とは異なります。
-  evt.target.style.visibility = 'hidden';
+  evt.target.style.visibility = "hidden";
 }
 
 // リストにリスナーを接続します
 // <li> がクリックされた時に発行されます。
-ul.addEventListener('click', hide, false);
+ul.addEventListener("click", hide, false);
 ```
 
 ## 仕様書

diff --git a/files/ja/web/api/event/type/index.md b/files/ja/web/api/event/type/index.md
@@ -1,6 +1,9 @@
 ---
-title: Event.type
+title: "Event: type プロパティ"
+short-title: type
 slug: Web/API/Event/type
+l10n:
+  sourceCommit: 339595951b78774e951b1a9d215a6db6b856f6b2
 ---
 
 {{APIRef}}
@@ -26,19 +29,19 @@ slug: Web/API/Event/type
 
 ```js
 function getEventType(event) {
-  const log = document.getElementById('log');
-  log.innerText = event.type + '\n' + log.innerText;
+  const log = document.getElementById("log");
+  log.innerText = `${event.type}\n${log.innerText}`;
 }
 
 // キーボードイベント
-document.addEventListener('keydown', getEventType, false);  // first
-document.addEventListener('keypress', getEventType, false); // second
-document.addEventListener('keyup', getEventType, false);    // third
+document.addEventListener("keydown", getEventType, false); // first
+document.addEventListener("keypress", getEventType, false); // second
+document.addEventListener("keyup", getEventType, false); // third
 
 // マウスイベント
-document.addEventListener('mousedown', getEventType, false); // first
-document.addEventListener('mouseup', getEventType, false);   // second
-document.addEventListener('click', getEventType, false);     // third
+document.addEventListener("mousedown", getEventType, false); // first
+document.addEventListener("mouseup", getEventType, false); // second
+document.addEventListener("click", getEventType, false); // third
 ```
 
 ### 結果