> For the complete documentation index, see [llms.txt](https://simian114.gitbook.io/blog/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://simian114.gitbook.io/blog/undefined/javascript/untitled.md).
# 이벤트 위임
{% hint style="info" %}
[**모던 자바스크립트 듀토리얼**](https://ko.javascript.info/bubbling-and-capturing)
{% endhint %}
## 이벤트 위임
> 문제의 시작은 리스트로 된 요소에 이벤트를 거는 곳에서 시작됐다....
## HTML 요소에 이벤트 걸기
일반적인 HTML 요소에 이벤트를 거는 방법은... 처음 배우는 사람도 금방 할 수 있을 만큼 쉽다.
네모난 박스를 누르면 `console.log` 를 하는 html과 이벤트를 만들어보자.
```markup
기본
```
위와 같은 코드를 실행하면 아래와 같이 출력되는걸 확인할 수 있다.
## 겹쳐져있는 요소에 이벤트 걸기
```markup
자바스크립트 이벤트
no event delegation
오늘의 할 일