CustomEvent()

CustomEvent() 생성자는 새로운 CustomEvent를 생성합니다.

구문

js
CustomEvent(typeArg);
CustomEvent(typeArg, options);

매개변수

typeArg

이벤트의 이름을 나타내는 문자열입니다.

options Optional

다음 속성을 포함하는 객체입니다.

  • "detail": 이 이벤트 내에 포함할, 이벤트의 세부 정보를 나타내는 값입니다. 기본 값은 null입니다. 처리기에서 CustomEvent.detail 속성을 통해 이 값에 접근할 수 있습니다.
  • Event() 생성자의 옵션에 지정할 수 있는 모든 속성.

예제

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-customevent

브라우저 호환성

BCD tables only load in the browser

함께 보기