iframe with pointer-events:none;但是里面有一个div,它有指针事件:auto;

时间:2014-05-06 16:07:45

标签: html5 events iframe pointer-events

可以有一个带有指针事件的外部div:none;并在其中使用指针事件的另一个div:auto;。外部div对于单击事件是透明的(即它不会对点击事件作出反应,但是底层的html控件会响应)而内部的div将会发生。

但是,我现在有一个场景,我需要用iframe做同样的事情,但它不起作用。我设置了pointer-events:none;在iframe上,但是那些应该可点击的内部div甚至不具有指针事件:auto;集。

There is another similar question here,但由于偏离主题而被关闭。我不明白为什么。这是一个非常有效的html / css问题。

1 个答案:

答案 0 :(得分:3)

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

渲染器和DOM将iFrame视为黑盒子。这就是为什么你不能运行像iFrameElement.childNodes[0]和类似的常规方法(并获得iFrame的<html>)的原因。你必须运行iFrameElement.contentWindow.document.documentElement或类似的东西。这是一个完全独立的浏览环境。