CustomEvent()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2015ë 7ì.
CustomEvent() ìì±ìë ìë¡ì´ CustomEvent를 ìì±í©ëë¤.
구문
js
CustomEvent(typeArg);
CustomEvent(typeArg, options);
매ê°ë³ì
typeArg-
ì´ë²¤í¸ì ì´ë¦ì ëíë´ë 문ìì´ì ëë¤.
optionsOptional-
ë¤ì ìì±ì í¬í¨íë ê°ì²´ì ëë¤.
"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 # ref-for-dom-customevent-customevent |