이벤트 흐름(이벤트 거품, 이벤트 캡처 및 DOM 이벤트 흐름)
IE가 제시하는 순서를 이벤트 거품이라고 한다.
Netscape에서 제공하는 순서를 이벤트 포획이라고 합니다.
Doctype>
<html>
<body>
<div id="btn">Click mediv>
body>
html> 사건의 거품은 그 이름처럼 물고기에게 거품을 뱉는 것과 같다.위div를 눌렀을 때 클릭 이벤트를 가장 먼저 받는 것은div 요소 자체입니다.텍스트에서 현재 상호작용하는 요소 중 가장 깊이 박힌 요소이기 때문이다.그 다음에 DOM 트리를 따라 바디, html, 문서까지 올라갑니다.
이벤트 포획에서 상호작용 이벤트를 가장 먼저 가져올 때 문서입니다. 그 다음에 DOM 트리를 따라 대상의 상호작용 요소로 내려갑니다.
모든 현대 브라우저는 이벤트 거품을 지원합니다.
DOM2급 사건은 사건 흐름의 세 가지 단계를 규정하는데 그것이 바로 사건 포획 단계, 목표 단계, 사건 거품 단계이다.
세 단계의 역할은 이벤트를 차단할 기회를 제공하고 실제 목표가 이벤트를 받아들여 이벤트에 호응하는 것이다.
이벤트 포획 단계에서 이벤트 자체는 목표 요소에 접촉하지 않는다.그러나 사건 처리 과정에서 목표 단계에 있으면 거품이 생기는 단계의 일부로 간주된다.또한DOM2는'포획 단계에서 사건 목표에 접촉하지 않는다'고 명시했지만 브라우저 업체들은 아랑곳하지 않았다.따라서 사건 포획 단계와 사건 거품 단계에서 사건 목표에서 사건 처리를 할 수 있는 기회가 있다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
