如何添加全局动作事件监听器？

document.addEventListener('eventName', function(event) {
  // 处理事件
});

$(document).on('eventName', function(event) {
  // 处理事件
});

// 创建一个全局事件总线
Vue.prototype.$eventBus = new Vue();

// 添加全局动作事件监听器
this.$eventBus.$on('eventName', function(event) {
  // 处理事件
});

import { createContext, useContext } from 'react';

const GlobalEventContext = createContext();

export function useGlobalEvent() {
  const context = useContext(GlobalEventContext);
  return context;
}

export function GlobalEventProvider({ children }) {
  const eventHandlers = {};

  function addEventListener(eventName, handler) {
    if (!eventHandlers[eventName]) {
      eventHandlers[eventName] = [];
    }
    eventHandlers[eventName].push(handler);
  }

  function removeEventListener(eventName, handler) {
    if (eventHandlers[eventName]) {
      const index = eventHandlers[eventName].indexOf(handler);
      if (index !== -1) {
        eventHandlers[eventName].splice(index, 1);
      }
    }
  }

  function dispatchEvent(event) {
    if (eventHandlers[event.type]) {
      eventHandlers[event.type].forEach(handler => handler(event));
    }
  }

  return (
   <GlobalEventContext.Provider value={{ addEventListener, removeEventListener, dispatchEvent }}>
      {children}
    </GlobalEventContext.Provider>
  );
}