Dom의 event capturing 과 bubbling
4월 22nd, 2009
Dom에 event capturing과 event bubbling이 헤깔려서 관련 내용을 확인해봤습니다.
Event capturing은 이벤트 처리가 Dom 트리를 기준으로 위에서 아래로 진행되는 방식입니다. 대상(target) 객체에 특정 이벤트에 대한 리스너(listener)를 등록한 경우 해당 이벤트가 발생하였을 때 가장 먼저 최상위(일반적으로 document)부터 시작해서 대상 객체까지 이벤트 처리 과정이 진행됩니다. 당연히 등록된 리스너만 처리됩니다.
반면에 event bubbling의 경우 이벤트가 발생하면 대상 객체부터 시작해서 최상위까지 이벤트 처리가 진행됩니다. 즉 아래에서 위로 이벤트 처리가 진행되는 방식입니다.
일반적으로 event bubbling 방식으로 처리되는 걸로 알고 있습니다.
PS) 맞게 이해한거죠? (영어는 어려워..ㅎ)
