[JavaScript] addEventListener 세번째 파라미터 (useCapture)

참조: https://chlolisher.tistory.com/22

[Javascript] 이벤트 버블링(bubbling)과 캡처링(capturing) 차이점

 

window.window.addEventListener('scroll', this.test);

test = () => {
	console.log('scroll');	
}

위 코드 사용 시 페이지의 window.location 등을 변경하여 새로운 페이지가 로드될때

해당 이벤트가 다시 재 등록되지 않는 문제가 발생

 

        window.window.addEventListener('scroll', this.test, true);

위 코드 사용 시 새로운 페이지로 변경되었을떄도 이벤트 사용 가능

 

세번째 파라미터는 useCapture 값으로 디폴트로 값이 false로 되어있으며 false일 경우 이벤트 버블링을 사용

true일때는 이벤트 캡쳐링이 적용되는듯함

 

window.location을 변경하여 새로운 페이지 오픈 시 캡쳐링으로 등록을 하여야 동작이 되는것으로 봐선

캡쳐링으로 처리를 해야하는거 같은데 정확한 원인은 모르겠다