diff --git a/files/ja/web/events/event_handlers/index.md b/files/ja/web/events/event_handlers/index.md
index 28218570004109..c333ecb52491b1 100644
--- a/files/ja/web/events/event_handlers/index.md
+++ b/files/ja/web/events/event_handlers/index.md
@@ -1,6 +1,8 @@
---
title: イベントの扱い (概要)
slug: Web/Events/Event_handlers
+l10n:
+ sourceCommit: 857c6f9e7f1a847e7d3466b0d047159f7b345991
---
イベントとは、ブラウザーや OS の環境の変化を知らせる信号で、ブラウザーのウィンドウ内で発行されます。プログラマーは、イベントが発行されたときに実行される*イベントハンドラー*のコードを作成することで、ウェブページが変化に適切に対応できるようになります。
@@ -22,7 +24,7 @@ slug: Web/Events/Event_handlers
### onevent プロパティの使用
-慣習上、イベントを発行する Javascript オブジェクトには、それに対応する "onevent" プロパティ (イベント名の前に "on" を付けて命名) があります。これらのプロパティは、イベントが発行されたときに、関連するハンドラーコードを実行するために呼び出されます。
+慣習上、イベントを発行する JavaScript オブジェクトには、それに対応する "onevent" プロパティ (イベント名の前に "on" を付けて命名) があります。これらのプロパティは、イベントが発行されたときに、関連するハンドラーコードを実行するために呼び出されます。
イベントハンドラーのコードを設定するには、適切な onevent プロパティに代入してください。 1 つの要素のそれぞれのイベントに対して、割り当てることができるイベントハンドラーは 1 つだけです。必要に応じて、同じプロパティに別の関数を代入することで、ハンドラーを置き換えることができます。
@@ -32,14 +34,13 @@ slug: Web/Events/Event_handlers
const btn = document.querySelector("button");
function greet(event) {
- // print the event object to console
- console.log("greet:", arguments);
+ console.log("greet:", event);
}
btn.onclick = greet;
```
-なお、イベントハンドラーの第一引数には、イベントを表すオブジェクトが渡されます。このイベントオブジェクトは、 {{domxref("Event")}} インターフェースを実装しているか、またはそれを継承しています。
+なお、イベントハンドラーの第一引数には、イベントを表すオブジェクトが渡されます。このイベントオブジェクトは、 {{domxref("Event")}} インターフェイスを実装しているか、またはそれを継承しています。
### EventTarget.addEventListener
@@ -54,8 +55,7 @@ btn.onclick = greet;
const btn = document.querySelector("button");
function greet(event) {
- // print the event object to console
- console.log("greet:", arguments);
+ console.log("greet:", event);
}
btn.addEventListener("click", greet);
@@ -74,9 +74,8 @@ const controller = new AbortController();
btn.addEventListener(
"click",
- function (event) {
- // イベントオブジェクトをコンソールに表示
- console.log("greet:", arguments);
+ (event) => {
+ console.log("greet:", event);
},
{ signal: controller.signal },
); // このハンドラーに AbortSignal を渡す
@@ -88,4 +87,8 @@ btn.addEventListener(
controller.abort(); // このコントローラーに関連付けられたすべてのイベントハンドラーを削除
```
-
+