一个页面有一个主页面和两个副页面，如何事件监听副页面

要在主页面中监听副页面的事件，您可以使用以下方法：

1. 使用 iframe 元素：在主页面中嵌入副页面的 iframe 元素，并在主页面中通过 JavaScript 监听 iframe 的事件。通过使用 `contentWindow` 属性，您可以访问嵌入的副页面的 window 对象，并在此对象上绑定事件监听器。例如：

var iframe = document.getElementById('yourIframeId');
var iframeWindow = iframe.contentWindow;

iframeWindow.addEventListener('eventName', function(event) {
  // 处理副页面事件的逻辑
});

2. 使用 postMessage API：使用 postMessage API 可以在主页面和副页面之间进行跨窗口通信。副页面可以通过 postMessage 方法向主页面发送消息，主页面则可以通过监听 message 事件来接收这些消息。例如：

在副页面中发送消息：

window.parent.postMessage('messageData', 'https://yourdomain.com');

在主页面中监听消息：

window.addEventListener('message', function(event) {
  if (event.origin === 'https://yourdomain.com') {
    var messageData = event.data;
    // 处理副页面发送的消息
  }
});

请确保将 'https://yourdomain.com' 替换为您实际的域名或页面地址。

无论您选择哪种方法，都需要确保副页面和主页面在同一个域名下，以便进行跨窗口通信。另外，记得在副页面中触发事件或发送消息时，确保主页面已经加载完成，并且已经可以访问到主页面的相应元素或对象。