是的,JavaScript 支持自定義事件。自定義事件允許您創建并觸發與特定對象關聯的事件,而不僅僅是瀏覽器內置的事件類型(如點擊、鼠標移動等)。自定義事件在 DOM(文檔對象模型)節點上使用 dispatchEvent()
方法觸發,并且可以使用 addEventListener()
方法進行監聽。
以下是一個簡單的示例,展示了如何創建和觸發自定義事件:
// 創建自定義事件
const myCustomEvent = new CustomEvent('myCustomEvent', {
detail: {
message: 'Hello, this is a custom event!'
}
});
// 監聽自定義事件
document.addEventListener('myCustomEvent', (event) => {
console.log('Custom event triggered:', event.detail.message);
});
// 觸發自定義事件
document.dispatchEvent(myCustomEvent);
在這個示例中,我們創建了一個名為 myCustomEvent
的自定義事件,并在觸發時傳遞了一些詳細信息(一個包含消息的對象)。然后,我們使用 addEventListener()
方法監聽該事件,并在事件觸發時在控制臺中輸出消息。最后,我們使用 dispatchEvent()
方法觸發了自定義事件。