1：基本概念

系統內發生的動作或發生的事情，系統會在事件出現時觸發某種信號，提供一個自動加載某種動作的機制。

var myButton = document.getElementById('button');
myButton.onclick = function(){
 alert('點擊了button');
}
myButton = null;

2：事件三要素

• 事件源（觸發事件的元素也就是你是要對什么東西進行操作）
• 事件（事件的觸發方式也就是你要做什么實現所要的交互效果）
• 處理函數（事件觸發后要執行的代碼也就是在事件進行后你要目標變成什么樣子）

3：事件冒泡(DOM)

• 觸發階段
• 捕獲階段
• 冒泡階段

4：創建自定義事件

var event = new Event('myEvent');
/*
var event = document.creatEvent('Event');
event.initEvent('myEvent',true,true);
*/
myButton.addEventListener('myEvent',function(e){
 debugger;
},false);
myButton.dispatchEvent(event);

5：添加自定義數據

var event = new CustomEvent('myEvent',{ 'detail':{
 time: new Date().toLocalDateString();
} });
myButton.addEventListener('myEvent',function (e){
 debugger;
},false);
myButton.dispatchEvent(event);