使用 style="pointer-events: none; cursor: default;" 在 iframe 中使项目可点击答案

【问题标题】：Make an item clickable in an iframe with style="pointer-events: none; cursor: default;"使用 style="pointer-events: none; cursor: default;" 在 iframe 中使项目可点击
【发布时间】：2015-10-01 04:23:45
【问题描述】：

我有一个看起来像这样的 iframe：

<IFRAME style="pointer-events: none; cursor: default;"  SRC="####" WIDTH=320 HEIGHT=50 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no BORDERCOLOR='#000000'>...</IFRAME>

在 iFrame 中，我有一个如下所示的元素：

<div id="trigger-container-80791" style="position: static !important;">...<div>

由于style="pointer-events: none; cursor: default;"，此 iframe 中的任何内容都不可点击。有没有办法通过在 IFRAME 中添加某种 Javascript 来覆盖此样式并“可点击”？我无法修改 IFRAME 中的属性。

【问题讨论】：

您或许可以定位 iframe 的 contentDocument 中的元素并设置 pointer-events: all

标签： javascript html css iframe

【解决方案1】：

有什么方法可以覆盖此样式并通过以下方式“可点击” 在 IFRAME 中添加某种 Javascript？

没有。 pointer-events:none 将阻止任何鼠标事件（单击、mousedown 等）到达您的 iframe，因此不会有任何东西可以挂起您的 javascript。

另见iframe with pointer-events: none; but with a div inside it that has pointer-events: auto;

【讨论】：