JavaScript 클릭 이벤트는 상위 컨테이너가 아닌 요소 자체에만 적용됩니다.

Question

다음 코드가 있습니다:

으아악

버튼이 아닌 div의 아무 곳이나 클릭하면 myFunc가 실행되기를 원합니다. 어떻게 이를 달성할 수 있나요?

Answer 1

버튼 클릭 이벤트에서는 이벤트 전파를 취소해야 합니다. 아니면 "버블링"을 중지하세요.

참조 https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation

따라서 버튼 클릭 이벤트에는 다음과 같은 것이 필요합니다:

으아악

기본적으로 요소의 클릭 이벤트는 상위 요소로 전달됩니다.