210815 TIL

TIL DAY 19

오늘 배운 일

✔️ 코드잇에서 JavaScript 중급

• 이벤트 버블링
  • 자식 요소에서 발생한 이벤트가 부모 요소까지 전달되는 것을 버블링이라고 한다.
    

결과값1 : content를 클릭할시...

결과값2 : title를 클릭할시...

결과값3 : list를 클릭할시...

결과값 : items를 클릭시...

참고로 items에서는 stopPropagation를 이용해서 버블링을 멈출수있다.
따라서 items값만 출력이 된다.

• 이벤트 캡처링

  • 부모 요소에서 발생한 이벤트가 자식 요소까지 전달되는 것을 캡처링이라고 한다.

  • 버블링의 정반대라고 보면된다.

    
    출처 : howdy-mj.me

느낀점 :

• 오늘은 이벤트 버블링 및 캡처링에 대해 배워봤는데, 어느정도 이해는 가는데 완벽히 마스터할려면 다시 공부해야겠다.