公司日常开发的项目很少有能使用到自定义事件的，已有的事件就够用了，但作为一个前端人员，学习这个还是有必要了解和学习一下，可能在以后会使用到。。

下面看下代码

方式一：

// 新建事件实例var event = new Event('build');// 添加监听函数elem.addEventListener('build', function (e) { ... }, false);// 触发事件elem.dispatchEvent(event);

该事件会层层向上冒泡。在冒泡过程中，如果有一个元素定义了该事件的监听函数，该监听函数就会触发。

方式二：

var myEvent = new CustomEvent("myevent", {  detail: {    foo: "bar"  },  bubbles: true,  cancelable: false});el.addEventListener('myevent', function(event) {  console.log('Hello ' + event.detail.foo);});el.dispatchEvent(myEvent);

CustomEvent构造函数的第一个参数是事件名称，第二个参数是一个对象，该对象的detail属性会绑定在事件对象之上。