JavaScript でオリジナルイベントを作成する

const hoge = () => {
  document.dispatchEvent( new CustomEvent( 'popupClosed', {} ) );
};

document.addEventListener( 'popupClosed', () => {
  // 任意の処理
} );

既存のイベントを使用する場合

let event = document.createEvent( 'MouseEvents' );
event.initEvent( 'click', false, true );
// イベントを発生させる
document.querySelector( 'button' ).dispatchEvent( event );

const event = new Event( 'click' );
document.querySelector( 'button' ).dispatchEvent( event );