개발공작소
728x90
반응형
article thumbnail
[JS] 자바스크립트 addEventListener :: 자식 elements들의 이벤트 전파 막는 방법
FrontEnd/JavaScript 2022. 8. 1. 21:31

addEventListener 웹API로 부모자식에게 이벤트를 추가하면 자식노드들에게도 해당 이벤트가 전파된다. 만약 나는 부모노드에만 클릭 이벤트를 추가하고 싶어서 addEventListener를 사용했는데, 자식 노드들을 클릭해도 같은 함수가 호출 된다면 당황스러울 것이다. 그래서 오늘은 addEventListener의 이벤트 전파를 막는 방법에 대해서 알아보자 addEventListener의 이벤트 전파 막는 방법 기본문법 // 여기서 item은 addEventListener로 이벤트를 추가하고자 하는 타겟을 의미함 if(item !== event.target) return; 어려울 것 없다. 그냥 addEventListener로 호출하고자 하는 함수안에 밑의 코드를 넣어주기만 하면 된다. 대충 보..

728x90
반응형