# 이벤트 위임
{% hint style="info" %}
[**모던 자바스크립트 듀토리얼**](https://ko.javascript.info/bubbling-and-capturing)
{% endhint %}
## 이벤트 위임
> 문제의 시작은 리스트로 된 요소에 이벤트를 거는 곳에서 시작됐다....
## HTML 요소에 이벤트 걸기
일반적인 HTML 요소에 이벤트를 거는 방법은... 처음 배우는 사람도 금방 할 수 있을 만큼 쉽다.
네모난 박스를 누르면 `console.log` 를 하는 html과 이벤트를 만들어보자.
```markup
기본
```
위와 같은 코드를 실행하면 아래와 같이 출력되는걸 확인할 수 있다.
## 겹쳐져있는 요소에 이벤트 걸기
```markup
자바스크립트 이벤트
no event delegation
오늘의 할 일
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.