第一種方式：使用JavaScript原生提供的CustomEvent創(chuàng)建自定義事件
比如可以這樣創(chuàng)建：

var evt = new CustomEvent(type, {detail: msg, bubbles: true, cancelable: true});

然后監(jiān)聽(tīng)并觸發(fā)某個(gè)自定義事件

element.addEventListener('longpress', longpressFn);
element.dispatchEvent(evt);

第二種方式：自己模擬一個(gè)自定義事件發(fā)布訂閱對(duì)象

var Event = (function() {
    var clientList = {};
    var listen,
        trigger,
        remove;
    listen = function(key, fn) {
        if (!clientList[key]) {
            clientList[key] = [];
        }
        clientList[key].push(fn);
    };

    trigger = function() {
        var key = [].shift.call(arguments);
        var fns = clientList[key];

        if (!fns || fns.length === 0) {
            return false;
        }

        for (var i = 0, fn; fn = fns[i++];) {
            fn.apply(this, arguments);
        }
    };


    remove = function(key, fn) {
        var fns = clientList[key];

        // key對(duì)應(yīng)的消息沒(méi)有被人訂閱
        if (!fns) {
            return false;
        }

        // 沒(méi)有傳入fn(具體的回調(diào)函數(shù)), 表示取消key對(duì)應(yīng)的所有訂閱
        if (!fn) {
            fns && (fns.length = 0);
        }
        else {
            // 反向遍歷
            for (var i = fns.length - 1,_fn=fns[i]; i >= 0; i--) {
                if (_fn === fn) {
                    // 刪除訂閱回調(diào)函數(shù)
                    fns.splice(i, 1);
                }
            }
        }
    };

    return {
        listen: listen,
        trigger: trigger,
        remove: remove
    }
}());

這兩種方式都能實(shí)現(xiàn)一個(gè)自定義事件的創(chuàng)建、監(jiān)聽(tīng)、觸發(fā)、刪除，但區(qū)別是第一種是原生DOM提供的API，第二種是用發(fā)布訂閱模式去模擬的？原生DOM的創(chuàng)建方式也是一種發(fā)布訂閱模式么？
那在實(shí)際項(xiàng)目中用哪種比較好？查了下資料，發(fā)現(xiàn)用原生DOM的API貌似有IE方面的兼容問(wèn)題
現(xiàn)在一些大型的庫(kù)或者框架都是用第二種那樣自己實(shí)現(xiàn)的自定義事件訂閱系統(tǒng)么？（主要最近在造自己的輪子，聽(tīng)說(shuō)這種模式可以降低代碼的耦合度，想學(xué)習(xí)下。。）