Dispatch an event using CustomEvent constructor, that can be listened to using addEventListener method

dispatchAnEvent.js

/**
 * Dispatch an event using CustomEvent constructor, 
 * that can be listened to using addEventListener method
 *
 * Example usage:
 *
 * dispatchAnEvent('my-custom-event', {data: 'The data'})
 * 
 * window.addEventListener('my-custom-event', function(event) {
 * 
 *   var data = event.detail.data;
 * 
 *   console.log('data', data);
 * 
 * });
 *
 * @param  string eventName Name of the event
 * @param  object detail    Data to send in the event
 * @param  object element   Element object to attach the event to
 * @return void
 */
function dispatchAnEvent(eventName, detail = {}, element = document) {

  var CustomEventObject = new CustomEvent(eventName, {
    'detail': detail,
  });

  element.dispatchEvent(CustomEventObject);

}