[Javascript] Bubbling & Capturing

addEventListner의 3번째 parameter는 useCapture 이다.

default : false값으로, useCapture를 하지 않는다는 것이기 때문에 bubbling phase에서만 반응한다.

true로 설정하면 capturing phase에서 반응하게 된다.

3번째 파라미터를 {capture: true}와 같이 object형태로도 전달 가능하다.
(true 가 {capture: true}의 alias이다.)

ex)

element.addEventListener('click', ()=>{
    // logic
}, {capture: true});

이외에도 3번째 파라미터인 option값에는 passive, once가 들어갈 수 있다.

{capture: true, passive: true, once: true}

capturing / bubbling phase에 관한 reference link