html嵌套iframe,父级怎么获取iframe的点击事件

HTML中嵌套iframe时，要在父级元素上监听iframe的点击事件，由于浏览器的安全策略（同源策略），直接操作跨域iframe内的元素可能会受限。但是，如果这两个页面在同一域名下，可以采取以下几种方式：

1. **PostMessage API**：父页面通过`window.postMessage`向iframe发送消息，然后在iframe内部捕获并处理这个消息，最后再响应给父页面。

// 父页面
document.getElementById('ifr').contentWindow.postMessage('click', '*');

// iframe内部
window.addEventListener('message', function(e) {
  if (e.origin === 'yourdomain.com' && e.data === 'click') {
    // 处理点击事件
  }
});

2. **利用onMessage事件（仅限于HTTPS）**：若两者都在HTTPS环境下，可以直接使用`window.parent.postMessage`。

3. **模拟click事件**：父页面可以通过定时检查iframe的内容区域是否发生了改变（例如滚动、内容变化等）来间接判断是否触发了click事件。

请注意，以上方法依赖于特定情况和浏览器支持，并不是所有场景都能保证有效。如果你需要在跨域情况下监听iframe事件，可能需要服务端的支持或者使用一些第三方库如` Intersection Observer`等技术。