>웹 프론트엔드 >JS 튜토리얼 >JQurey 시작하기 - 이벤트 메커니즘_jquery의 버블링 현상의 예

JQurey 시작하기 - 이벤트 메커니즘_jquery의 버블링 현상의 예

WBOY
WBOY원래의
2016-05-16 17:42:091067검색

1. 사용자가 페이지를 탐색하면 브라우저가 페이지 코드를 해석하거나 컴파일합니다. 이 프로세스는 기본적으로 이벤트 기반입니다. 즉, 페이지가 로드되면 Load 이벤트가 실행됩니다. . 이 이벤트에서는 브라우저가 페이지 코드를 컴파일하는 프로세스가 구현됩니다. 이벤트가 발생한 후에는 Capture와 Bubbing의 두 단계로 나누어지는데, 대부분의 브라우저는 캡처 단계를 지원하지 않기 때문에 이벤트가 발생한 후에 버블링 프로세스를 실행하는 경우가 많습니다.

2. 샘플 코드:

코드 복사 코드는 다음과 같습니다.



이벤트 버블링

>

🎜>




3.


클릭 후:

한 번 클릭하면 실행 횟수가 3번으로 표시됩니다. 이는 실행 과정에서 이벤트가 버블링 현상이 발생하기 때문입니다. 즉, 클릭은 버튼이지만 동시에
요소를 둘러싼
요소의 이벤트도 발생합니다. 또한 전체 프로세스는 버블링 프로세스입니다. 버블링 프로세스가 발생하는 것을 방지하는 방법은 stopPropagation() 메소드를 통해 달성하거나 false를 반환할 수 있습니다.



코드 복사

코드는 다음과 같습니다.