在不同选项卡之间发出事件

var tabs = document.querySelectorAll('.tab');
tabs.forEach(function(tab) {
  tab.addEventListener('click', function() {
    // 发出事件，执行相关操作
  });
});

var event = new CustomEvent('tabClicked', { detail: { tabId: 'tab1' } });
document.dispatchEvent(event);

document.addEventListener('tabClicked', function(event) {
  var tabId = event.detail.tabId;
  // 根据tabId执行相关操作
});

// 发布者
var eventEmitter = {
  events: {},
  publish: function(eventName, data) {
    if (!this.events[eventName]) return;
    this.events[eventName].forEach(function(callback) {
      callback(data);
    });
  },
  subscribe: function(eventName, callback) {
    if (!this.events[eventName]) {
      this.events[eventName] = [];
    }
    this.events[eventName].push(callback);
  }
};

// 订阅者
eventEmitter.subscribe('tabClicked', function(tabId) {
  // 执行相关操作
});

// 发布事件
eventEmitter.publish('tabClicked', 'tab1');