带有指针事件的 iframe：无；但里面有一个 div 有指针事件：auto;答案

【问题标题】：iframe with pointer-events: none; but with a div inside it that has pointer-events: auto;带有指针事件的 iframe：无；但里面有一个 div 有指针事件：auto;
【发布时间】：2014-06-23 08:40:17
【问题描述】：

可以有一个带有指针事件的外部 div：无；和它里面的另一个div，带有指针事件：auto;。外部 div 对点击事件是透明的（即它不会对点击事件做出反应，但底层 html 控件会），而内部 div 会。

但是，我现在有一个场景，我需要对 iframe 执行相同的操作，但它不起作用。我设置了指针事件：无；在 iframe 上，但是应该可点击的内部 div 不是即使它们有指针事件：自动；设置。

There is another similar question here，但因离题已关闭。我不明白为什么。这是一个非常有效的 html/css 问题。

【问题讨论】：

@PhistucK 即使我可以控制包含窗口和 iframe 本身？

标签： html events iframe pointer-events

【解决方案1】：

iFrame 被视为单个内容，而不是 iFrame 所在页面的一部分，因此，不，这是不可能的。

渲染器和 DOM 将 iFrame 视为黑盒。这就是为什么你不能，例如，运行像iFrameElement.childNodes[0] 和类似的常规方法（并获得iFrame 的<html>）。你必须运行iFrameElement.contentWindow.document.documentElement 或类似的东西。它是一个完全独立的浏览上下文。

【讨论】：