自定義事件

公司平常開發的項目不多有能使用到自定義事件的，已有的事件就夠用了，但做爲一個前端人員，學習這個仍是有必要了解和學習一下，可能在之後會使用到。。

下面看下代碼

方式一：

// 新建事件實例
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屬性會綁定在事件對象之上。