在没有 Javascript 的情况下禁用 iFrame 中的输入字段答案

【问题标题】：Disable input fields within iFrame without Javascript在没有 Javascript 的情况下禁用 iFrame 中的输入字段
【发布时间】：2013-10-04 15:57:10
【问题描述】：

我知道您可以像这样禁用输入字段：

<input disabled></input>

但是有没有一种简单的方法可以以类似的方式禁用 iFrame 中的所有输入？像这样：

<iframe src="/foo" disabled></iframe>

【问题讨论】：

【解决方案1】：

很遗憾，没有令人满意的答案（或者他们只是没有回答正确的问题），所以我正在回答我自己的问题。

我从属性/属性的documentation 中找到的答案让我相信这是不可能的。由于我使用的 iframe 来自我可以修改的来源，因此我修复了我需要的内容，但如果可能的话，这将是一个更清洁和更干燥的解决方案。

【讨论】：

【解决方案2】：

我认为您不能从外部来源影响和 iframe

【讨论】：

【解决方案3】：

我认为禁用 iframe 是不可能的，但您可以在 iframe 上使用 div 来避免用户交互

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

使用 iframe 的坐标和大小更改左上角的宽度和高度

当你想禁用 iframe

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

如果你想禁用 iframe 因为加载只是改变显示无以阻止原始 div

我希望这会有所帮助:)

【讨论】：