불로구

이벤트 흐름 - 발생한 이벤트는 타겟 객체에 전달된다. - 하지만 이벤트가 단번에 타겟 객체로 전달되고 사라지는 것은 아님! - 발생 이벤트는 window 객체로부터 DOM 트리를 타고 중간 DOM 객체들을 거쳐 타겟 객체로 흘러간다. - 그 후에 다시 반대 방향으로 이동하여 window 객체에 도달한 후 없어진다. - 이러한 과정을 JavaScript에서는 이벤트 흐름이라고 부른다. ​ 캡쳐 단계 vs 버블 단계 1) 캡쳐 단계 - window에서 타겟 객체까지 이벤트 객체가 전파되는 과정 - window와 중간에 있는 모든 DOM 객체들을 거쳐 타겟 객체에 이벤트 객체 전달 - 갭쳐 단계에서 실행되도록 작성된 이벤트 리스너가 있다면 흐름 순으로 실행 - 캡쳐 단계에서 실행되도록 작성된 리스너를 캡쳐 ..