선한열심

자바스크립트 이벤트 단계

캡처(capture) 단계 : 가장 먼저 실행되는 단계로서, document에서 시작해서 실제 이벤트를 발생시킨 타켓까지 이동합니다.

이를 캡처링이라고 합니다.. 이때 리스너가 등록돼 있다면 리스너가 바로 실행됩니다.

타켓(Target) 단계 : 캡처 단계를 거쳐 실제 이벤트를 발생시킨 타켓에 도착한 상태를 말합니다.

버블(Bubble) 단계 : 타켓 단계까지 오면 이벤트 흐름은 다시 타켓단계의 역순으로 움직이기 시작합니다

            이 흐름을 버블링(bubbling) 이라고 합니다. 

Object의 프로토타입 멤버를 모든 객체에서 상속하듯이 

Function 의 프로토타입 멤버는 모든 함수에서 상속한다.

function Constrcutor01(){

    Constrcutor02.call(this);

    this.method01 = function() { };

}

function Constrcutor02(){

    this.method02 = function() {};

}

// call 을 이용해서 호출하는 Constrcutor02 내부에서의 this는 결국 Constrcutor01 객체에 대한 참조가 된다

// 결국 method02도 Constrcutor01객체의 메서도로 정의 된다