on

Typeobject

Default{}

View360에 이벤트 핸들러들을 추가합니다.
이벤트 이름과 핸들러를 key-value로 하는 오브젝트를 받습니다.

정보

이벤트 이름은 EVENTS변수를 이용하실 수도 있습니다.

이벤트 핸들러 등록은 View360#on이나 View360#once를 사용하실 수도 있습니다.
이벤트 핸들러를 제거하려면 View360#off를 사용하실 수 있습니다.

예시

// 아래 예시는 타입스크립트로 작성되었습니다.
import View360, { EVENTS, ReadyEvent, ViewChangeEvent } from "@egjs/view360";

// 먼저 이벤트 핸들러를 정의합시다.
const onReady = (evt: ReadyEvent) => {
  console.log(evt.target); // 이 값은 아래 `view360`과 동일합니다.
};

// 카메라 뷰가 변경되었을 때의 핸들러도 정의해봅시다.
const onViewChange = (evt: ViewChangeEvent) => {
  console.log(evt.yaw); // 변경된 yaw 값입니다.
};

const view360 = new View360("#el_id", {
  // 이벤트 핸들러를 추가합니다.
  on: {
    // EVENTS 상수를 사용해도 되고
    [EVENTS.READY]: onReady,
    // 이벤트 이름을 안다면 이렇게 하셔도 됩니다.
    viewChange: onViewChange
  }
});

예시​

예시