写例子说明js中自定义事件的使用与触发

Answer 1

/* 创建一个事件对象，名字为newEvent，类型为build */
var newEvent = new CustomEvent("build ", {
  detail: {
    dog: "wo",
    cat: "mio"
  },
  bubbles: true,
  cancelable: true,
  composed: true
});
/* 给这个事件对象创建一个属性并赋值 */
newEvent.name = "新的事件！";

/* 将自定义事件绑定在document对象上，这里绑定的事件要和我们创建的事件类型相同，不然无法触发 */
document.addEventListener("build ", function(e) {
  console.log("你触发了自定义事件！" + newEvent.name) 
  console.log(" event.detail.dog:" + event.detail.dog + "\n event.detail.cat:" + event.detail.cat)
},
false)
/* 触发自定义事件 */
document.dispatchEvent(newEvent);

CustomEvent-MDN