>웹 프론트엔드 >JS 튜토리얼 >JavaScript 이벤트 버블링 및 이벤트 캡처를 구현하는 방법

JavaScript 이벤트 버블링 및 이벤트 캡처를 구현하는 방법

php中世界最好的语言
php中世界最好的语言원래의
2018-03-19 14:29:262332검색

이번에는 JavaScriptevent버블 및 이벤트 캡처 구현 방법과 JavaScript 이벤트 버블링 및 이벤트 캡처 구현 시 주의 사항은 무엇인지 알려드리겠습니다.

 이벤트 흐름은 페이지에서 이벤트가 수신되는 순서를 설명합니다. 하지만 당시 브라우저가 4세대(IE4, Netscape Communicator4)로 발전하면서 IE와 넷스케이프 개발팀은 각각 이벤트 흐름이라는 개념을 제안했고, 두 순차 흐름의 개념은 거의 정반대였다.

 1. 이벤트 버블링: 이는 IE의 이벤트 흐름입니다. 이벤트 버블링은 이벤트가 시작될 때 가장 구체적인 요소(특히 문서에서 가장 깊이 중첩된 요소)를 수신한 다음 하나씩 의미합니다. 다양한 레벨의 불특정 노드(문서)에 를 업로드하세요.

 2. 이벤트 캡처: 넷스케이프가 제안하는 이벤트 스트림으로 앞서 언급한 바와 같이 두 순서가 거의 반대이므로 이벤트 캡처 순서는 가장 구체적인 노드(문서)에서 받아 단계별로 가장 깊은 노드로 전달됩니다. 단계. 요소가 올라갑니다.

예를 살펴보겠습니다.

<head>

<제목> 이벤트 버블링 예

위 내용은 JavaScript 이벤트 버블링 및 이벤트 캡처를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!