觸發自定義事件

CustomEvent API 允許開發人員建立自定義事件並在 DOM 節點上觸發它們,並沿途傳遞資料。

event = new CustomEvent(typeArg, customEventInit);

typeArg - 表示事件名稱的 DOMString。

customEventInit - 是可選引數(在以下示例中將作為 e 傳遞)。

你可以將 eventListeners 附加到 document任何 HTML 元素。

一旦新增了自定義事件並繫結到元素(或文件),就可能需要從 javascript 手動觸發它。

document.addEventListener("event-name", function(e) {
  console.log(e.detail); // logs custom object passed from the event.
});

var event = new CustomEvent("event-name", { "param-name": "param-value" });
document.dispatchEvent(event);