如何將自定義事件分配給所有監聽元素

Question

樣例代碼：

var evt = document.createEvent('Event');
evt.initEvent('myevent',true,true);
ele.dispatchEvent(evt)  //ele is an HTML element

但是它只是將事件分派給一個元素，是否有一種優雅的方法將事件廣播到所有使用addEventListener（'myevent'，...）注冊回調函數的元素？

Answer 1

d = {}; // keep track of the listeners for each event.

// Register the event listeners
function registerListener(elem, evt, d) {
   if (d.hasOwnProperty(evt)) {
      d[evt].push(elem);
   }
   else {
      d[evt] = [];
   }
}

// Get the listeners and dispatch the event to all them
function dispatchAll(evt, d) {
   var listeners = d[evt],
       elem;

   for (var i = 0; i < listeners.length; i++) {
      elem = listeners[i];
      elem.dispatchEvent(evt);
   }
}