触发自定义事件

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);