728x90 300x250 이벤트 흐름 확인1 이벤트 단계 : 캡쳐링, 타겟, 버블링 이벤트 흐름 확인 방법 자바스크립트 이벤트 단계 이벤트는 크게 3단계에 걸쳐서 발생한다. 단계1 : 캡처 단계 단계2 : 타겟 단계 단계3 : 버블링 단계 아래와 같은 돔 구주에서 두번째 tr 첫번째 td 지점을 클릭 할경우 아래의 이미지는 캡쳐링과 타겟 버블링이 발생하는 과정을 보여준다. 제일 위에 window 최상위 DOM부터 시작해서 흐름에 따라 클릭한 타겟 지점 바로 위 까지 캡처 단계이다. 클릭한 지점에서 타겟 단계, 타겟지점 이후 부터 다시 최상위 DOM까지 흘러가는 버블링 단계를 거치게 된다. - 이벤트 흐르은 오직 DOM노드 객체를 따라 이동한다. - 사용자가 만든 객체에서는 이벤트가 흐르게 할 수 없다. 이벤트 흐름 단계 확인하는 방법 eventPhase 프로퍼티를 사용하여 이벤트 단계를 알 수있다. docum.. 2023. 2. 25. 이전 1 다음 728x90 반응형