当子鼠标移动时，CustomEvent返回值

Question

当孩子的鼠标被移动时，我正试图将其存档：

document.querySelector("element").addEventListener("oncolorchange", (e) => {
console.log(e.getColor());
});

e.getColor((应该给出一个值，该值在javascript类中定义。我现在有这个：

const event = new CustomEvent("oncolorchange", {
detail: {
color: this.getColor()
}
});
this.#element.dispatchEvent(event);

Answer 1

创建CustomEvent对象后，可以修改其属性。

const event = new CustomEvent("oncolorchange");
event.getColor = function() {...};
this.#element.dispatchEvent(event);