blob: d5c377b8a1b121d982d507430b1e7e5d53b58b83 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
---
title: EventTarget
slug: Web/API/EventTarget
tags:
- Interface
- Reference
browser-compat: api.EventTarget
translation_of: Web/API/EventTarget
---
{{APIRef("DOM")}}
**`EventTarget`** 인터페이스는 이벤트를 수신할 수 있고, 수신한 이벤트에 대한 수신기(listener)를 가질 수 있는 객체가 구현하는 인터페이스입니다. 즉, 이벤트의 대상이 될 수 있는 객체는 `EventTarget`의 세 메서드를 구현합니다.
{{domxref("Element")}}, {{domxref("Document")}}, {{domxref("Window")}}가 가장 흔한 이벤트 대상이며, 이외에도 {{domxref("XMLHttpRequest")}}, {{domxref("AudioNode")}}, {{domxref("AudioContext")}} 등의 객체도 이벤트 대상입니다.
많은 이벤트 대상(요소, 문서, 창, ...)은 `onevent` 속성과 특성을 사용한 [이벤트 처리기](/ko/docs/Web/Guide/Events/Event_handlers) 등록도 지원합니다.
{{InheritanceDiagram}}
## 생성자
- {{domxref("EventTarget.EventTarget()", "EventTarget()")}}
- : 새로운 `EventTarget` 객체 인스턴스를 생성합니다.
## 메서드
- {{domxref("EventTarget.addEventListener()")}}
- : `EventTarget`에 특정 이벤트 유형의 처리기를 등록합니다.
- {{domxref("EventTarget.removeEventListener()")}}
- : `EventTarget`에서 이벤트 수신기를 하나 제거합니다.
- {{domxref("EventTarget.dispatchEvent()")}}
- : `EventTarget`으로 이벤트를 발송합니다.
## 명세
{{Specifications}}
## 브라우저 호환성
{{Compat}}
## 같이 보기
- [이벤트 참고서](/ko/docs/Web/Reference/Events) - 웹 플랫폼에서 사용할 수 있는 이벤트 목록
- [이벤트 입문](/ko/docs/Learn/JavaScript/Building_blocks/Events)
- {{domxref("Event")}} 인터페이스
|
