YUI 3 學習筆記：event

event 模組包括 event, event-custom, event-simulate 三部分，類圖如下：

1. Event 類的調用融合在 Node 中，和 Loader 與 YUI().use 的關係類似。
2. 任何對象，只要擴充 EventTarget 介面，就自動具有了一套事件管理機制。使用很簡單：

   YUI().use('event', function(Y) {
       function Pig() {
           // 公布事件
           this.publish('farting', {
               emitFacade: true,
               defaultFn: function() {
                   alert('豬豬放屁啦');
               }
           });
       }
       Pig.prototype.fart = function() {
           // 觸發事件
           this.fire('farting');
       };
       Y.augment(Pig, Y.EventTarget);
   
       var pig = new Pig();
       // 訂閱事件
       pig.on('farting', function(e) {
           e.preventDefault();
           alert('小豬豬乖，不放屁');
       });
       pig.fart();
   });
   

3. CustomEvent 很完整的實現了一套事件管理機制，對象的冒泡、立即停止、訂閱器的先進先出和取消執行等等，YUI 3 都支援。
4. Do 實現了一套簡單的 AOP 機制。
5. DOMEventFacade 對原生 e 做了封裝，使用起來更自然，很舒服。
6. Y.Env.evt.plugins 是事件處理的擴充鉤子。在 YUI 3 的代碼中，這種擴充和分離機制用得比較多。

快樂學習，歡迎討論。