【问题标题】:How to disable an iframe in javascript? [closed]如何在 javascript 中禁用 iframe? [关闭]
【发布时间】:2011-03-30 06:22:32
【问题描述】:

如何使用 Javascript 禁用 iframe,以使用户无法与 iframe 的内容进行交互(即滚动、选择、拖动等)?例如,iframe 中的 Google 地图通常可以拖动和缩放。如何防止这些行为?

【问题讨论】:

  • 禁用是什么意思?不显示?
  • @Lea:禁用功能,如输入等其他控件。简而言之,模糊且不可编辑。
  • 我们如何才能重新打开这个问题?我有答案,但我无法在问题结束后提供。

标签: javascript html iframe


【解决方案1】:

如果您想禁用鼠标交互,这应该可行。

在 iframe 的顶部放置一个 DIV,如下所示(将顶部、左侧、宽度和高度值替换为您自己的值):

<div id="blank" style="display:none; position:absolute; top:100px; left:100px; width:600px; height:400px;">

当您想禁用 iframe 时,请在 javascript 中执行此操作:

document.getElementById("blank").style.display="block";

【讨论】:

  • 谢谢西蒙,它在类似的情况下帮助了我。
  • 感谢没有禁用。那是隐藏的伙伴。
【解决方案2】:

我不知道您是否可以像输入元素一样使用disabled 属性,但是您可以通过在iframe 上放置一个元素来禁用鼠标交互,尽管这不会阻止用户使用标签。

最好的办法可能是将src 属性设置为空白,但这会使iframe 空白,而不是模糊。

【讨论】:

  • 将 src 设置为空白会隐藏 iframe 的内容。这不是提问者想要的。我确实喜欢你在上面放置另一个元素的想法,因为我检查过,并且 disabled 属性在 iframe 上不起作用。
  • @Lea 嗯,符合禁用的定义,不是吗?顺便说一句,他们留下的评论是在我回答之后。
猜你喜欢
  • 1970-01-01
  • 2014-08-22
  • 1970-01-01
  • 1970-01-01
  • 2016-03-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-10-08
相关资源
最近更新 更多