[TIL] 2023.09.08 - Event.stopPropagation()

 Event.stopPropagation() 

•  현재 이벤트가 캡처링/버블링 단계에서 더 이상 전파되지 않도록 방지
• 예시
  - div2에 evet.stopPropagation()가 없으면 div2 부분을 클릭했을 때도 onClick={closeModal}이 실행됨

<div1 onClick={closeModal}>
  <div2 onClick={(evet) => evet.stopPropagation()}>
    <button onClick={closeModal}>닫기</button>
    <p>Hello</p>
  </div2>
</div1>

 

 참고 

• https://developer.mozilla.org/ko/docs/Web/API/Event/stopPropagation

Event.stopPropagation() - Web API | MDN