관리 메뉴

CASSIE'S BLOG

이벤트 버블링 본문

PROGRAMMING/JAVASCRIPT

이벤트 버블링

ITSCASSIE1107 2023. 10. 31. 10:57

이벤트 버블링에 대해 말씀해주세요

 - 이벤트 버블링은 어떤 요소에 대한 이벤트가 발생했을 때, 해당 요소의 최상위 부모까지 이벤트가 전달되어지는 과정이다. HTML 구조상 자식 요소에 발생한 이벤트가 상위 부모요소에 영향을 미치는 것이다. 이벤트 캡쳐링과 정반대이다. (최상위 부모에서 이벤트 발생 요소까지 이벤트 전달 되는 것) 
 이벤트 버블링이나 캡처링을 차단 하고 싶을때 e.stopPropagation을 호출하면 이벤트 전파를 막고 해당 이벤트만 실행시킬 수 있다.

e.stopPropagation()은 JavaScript 이벤트 핸들러에서 사용되는 메서드로, 이벤트의 전파(Propagation)를 중단하는 역할을 합니다. 이 메서드는 이벤트 버블링 또는 이벤트 캡처링과 관련이 있으며, 이벤트의 부모 요소로의 전파 또는 하위 요소로의 전파를 중단할 때 유용합니다.

반응형