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

같이 보기