From d556849df626a3f03d6702aed249ea493dafdcdd Mon Sep 17 00:00:00 2001 From: SuzukiKatsuma <71871253+SuzukiKatsuma@users.noreply.github.com> Date: Sun, 13 Mar 2022 05:08:21 +0900 Subject: HTML タグを Markdown 記法に変更 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 一部、どう変更したら良いのか分からない部分があったが、新規翻訳をするときに削除される項目であるため無視する --- files/ja/web/api/eventlistener/index.md | 74 ++++++++++++++++----------------- 1 file changed, 37 insertions(+), 37 deletions(-) diff --git a/files/ja/web/api/eventlistener/index.md b/files/ja/web/api/eventlistener/index.md index 24bce69f66..795e532b29 100644 --- a/files/ja/web/api/eventlistener/index.md +++ b/files/ja/web/api/eventlistener/index.md @@ -8,20 +8,19 @@ tags: - NeedsContent translation_of: Web/API/EventListener --- -

{{APIRef("DOM Events")}}

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

EventListener インターフェースは、{{domxref("EventTarget")}} オブジェクトによってディスパッチされたイベントを処理できるオブジェクトを表します。

+**`EventListener`** インターフェースは、{{domxref("EventTarget")}} オブジェクトによってディスパッチされたイベントを処理できるオブジェクトを表します。 -
-

レガシーコンテンツとの互換性が必要なため、EventListener は、関数、handleEvent()メソッドをもつオブジェクト両方を受け入れます。
- これを以下の 例 に示します。

-
-

プロパティ

+> **Note:** レガシーコンテンツとの互換性が必要なため、`EventListener` は、関数、`handleEvent()` メソッドをもつオブジェクト両方を受け入れます。 +> これを以下の [例](#例) に示します。 -

このインターフェースはいかなるプロパティを実装も継承もしません。

+## プロパティ -

メソッドの概要

+このインターフェースはいかなるプロパティを実装も継承もしません。 + +## メソッドの概要 @@ -31,37 +30,42 @@ translation_of: Web/API/EventListener
-

メソッド

+## メソッド -

handleEvent()

+### handleEvent() -

このメソッドは、EventListener インターフェースが登録されたイベントタイプについて、そのイベントが発生するたびに呼び出されます。

+このメソッドは、`EventListener` インターフェースが登録されたイベントタイプについて、そのイベントが発生するたびに呼び出されます。 -
void handleEvent(
+```js
+void handleEvent(
   in Event event
 );
-
+``` + +##### 引数 -
引数
+- **`event`** + - : 発生した DOM {{ domxref("Event") }} イベント。 -
-
event
-
発生した DOM {{ domxref("Event") }} イベント。
-
+### 補記 -

補記

+このインターフェースは `[function]` フラグが付いているため、すべての JavaScript [Function](/ja/JavaScript/Reference/Global_Objects/Function) オブジェクトで自動的に実装されています。このような実装で {{ manch("handleEvent") }} メソッドを呼び出すと、自動的にその機能が実行されます。 -

このインターフェースは [function] フラグが付いているため、すべての JavaScript Function オブジェクトで自動的に実装されています。このような実装で {{ manch("handleEvent") }} メソッドを呼び出すと、自動的にその機能が実行されます。

+## 例 -

例

+### HTML -

HTML

+```html + -
<button id="btn">Click here!</button>
+

+

+``` -

JavaScript

+### JavaScript -
const buttonElement = document.getElementById('btn');
+```js
+const buttonElement = document.getElementById('btn');
 
 // Add a handler for the 'click' event by providing a callback function.
 // Whenever the element is clicked, a pop-up with "Element clicked!" will
@@ -77,20 +81,16 @@ buttonElement.addEventListener('click', {
     alert('Element clicked through handleEvent property!');
   }
 });
-
+``` -

Result

+### Result -

{{EmbedLiveSample('Example')}}

+{{EmbedLiveSample('Example')}} -

See Also:

+### See Also: - +- [addEventListener](/ja/docs/Web/API/EventTarget/addEventListener) -

関連情報

+## 関連情報 - +- {{ spec("http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-EventListener","Document Object Model Events: EventListener","REC") }} -- cgit v1.2.3-54-g00ecf