自定义事件（CustomEvent）和 触发自定义事件方法

let myEvent = new CustomEvent("newMessage", {
    detail: { message: "davidwalsh" }, bubbles: true, cancelable: false })

自定义userLogin事件，这个浏览器自带的click事件是一样的，我们也可以这样使用浏览器自带的所有事件；
detail 是要传递的数据；bubbles 如果为 true，事件将冒泡到触发事件的元素的祖先。 cancelable 如果为 true，可以使用事件对象的 stopPropagation() 方法取消事件传播。
element(你想要给哪个元素绑定这个自定义事件).dispatchEvent(myEvent); (触发这个自定义事件)
接下来我们就要监听这个自定义事件

document.addEventListener("newMessage",newMessageHandler);

function newMessageHandler(e) { console.log(`Event subscriber on ${e.currentTarget.nodeName}, message: ${e.detail.message}`); }


这个是别人写的例子更详细：https://www.jianshu.com/p/71bb3cf19095

转载于:https://www.cnblogs.com/gynStrive/p/10862094.html