使用style =“pointer-events:none; cursor:default;”在iframe中使项目可单击

时间:2015-09-30 17:09:26

标签: javascript html css iframe

我有一个看起来像这样的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中的属性。

1 个答案:

答案 0 :(得分:1)

  

有没有办法覆盖这种风格并且可以“点击”   在IFRAME中添加某种Javascript?

没有。指针事件:none将阻止任何鼠标事件(点击,mousedown等)到达你的iframe,因此没有任何东西可以挂起你的javascript。

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