CustomEvent.detail

CustomEvent 인터페이스의 detail 읽기 전용 속성은 이벤트를 초기화할 때 제공한 데이터를 반환합니다.

값

이벤트를 초기화할 때 제공한 데이터입니다.

예제

js

// CustomEvent 생성
const catFound = new CustomEvent('animalfound', {
  detail: {
    name: 'cat'
  }
});
const dogFound = new CustomEvent('animalfound', {
  detail: {
    name: 'dog'
  }
});

// 적합한 이벤트 수신기 부착
obj.addEventListener('animalfound', (e) => console.log(e.detail.name));

// 이벤트 발송
obj.dispatchEvent(catFound);
obj.dispatchEvent(dogFound);

// 콘솔에 "cat"과 "dog"가 기록됨

명세

Specification
DOM Standard
# ref-for-dom-customevent-detail②

브라우저 호환성

BCD tables only load in the browser

같이 보기