addEventListener에 대해 학습을 하였습니다.

켑쳐링 : html 부터 순차적으로 클릭한 이벤트까지 이벤트들이 위에도 있다면 위에 이벤트부터 순차적으로 실행이된다.

버블링: 켭쳐링 반대로 클릭한 이벤트부터 html 과 window까지 이벤트들이 있다면 클릭한 이벤트부터 순차적으로 상위 이벤트들이 실행된다.

addEventListener의 3번째인자가 켑쳐링 버블링 지정하는것인데 디폴트값은 false 로 이건 버블링동작한다. true로 지정하면 켑쳐링이 됨.

event.eventPhase - 현재 이벤트 흐름단계를 나타내는 값이다.

이벤트 전파 단계를 알수있는 event.eventPhase =⇒ 값이 1 일때 켑쳐링 2일때 타겟요소에 왓을때 3일때 버블링

이벤트 전파를 막는 event.stopPropagation() 으로 더이상 전파되는것을 막을 수있다.

이벤트를 막는 메서드중에 또다른 API 가 있는데 Event.preventDefault() —> submit, a 태그의 이동을 막을때 자주 사용한다.

는거에 대해 자세히 학습할수 있었습니다.