타겟(Target) 단계

 

타겟 단계

캡쳐단계는 최상위 DOM부터 이벤트가 발생한 지점 전까지 흐른다면

타겟 단계는 캡쳐단계 이후 이벤트를 발생시킨 지점에 머무르는 단계를 말한다.

이때 이벤트를 발생시킨 노드에 이벤트가 등록되어있다면 리스너가 실행된다.

eventPhase 속성값이 2라면 캡처단계이다.

 

이벤트 등록 방법

$대상.on(이벤트 이름, 리스너);

 on()메서드를 사용해 이벤트를 등록하면 기본적으로 타겟과 버블링 단계에 등록 된다.

 

자바스크립트를 이요해 타겟/버블링 단계 이벤트 등록할 경우 addEventListener 제일 마지막 매개변수를 false로 주면 된다.

대상.addEventListener(이벤트 이름, 리스너, false);

 

캡쳐단계에 이벤트를 등록하려면 addEventListener()메서드 마지막 매개변수를 true로 변경해주면 된다.