목록stopPropagation (1)

SeouliteLab

jQuery event.stopPropagation() 메서드 이해하기: 이벤트 전파 중단하기

event.stopPropagation() 메서드는 jQuery에서 이벤트 핸들러 내에서 호출되었을 때, 현재 이벤트의 전파를 중단시키는 역할을 합니다. 이를 통해 부모 요소로의 이벤트 전파를 막고 현재 요소에서만 이벤트가 처리되도록 할 수 있습니다. 예제 1: 기본 사용법 클릭하세요 출력 결과: 클릭 이벤트 발생 설명: 이 예제에서는 요소 안에 이 있습니다. 을 클릭하면 부모인 의 클릭 이벤트가 발생하지만, event.stopPropagation() 메서드로 인해 부모 요소로의 이벤트 전파가 중단되어 부모 요소의 클릭 이벤트 핸들러는 실행되지 않습니다. 예제 2: 중첩된 요소에서의 사용 내부 요소 출력 결과: 내부 요소 클릭 설명: 이 예제에서는 내부 요소와 외부 요소가 중첩되어 있습니다. 내부 요소를..
프로그래밍 2024. 4. 3. 08:05
이전 Prev 1 Next 다음