如何在javascript中禁用iframe？

Question

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

Answer 1

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

将DIV放在iframe的顶部,就像这样(用自己的值替换top,left,width和height值):

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

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

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

Answer 2

我不知道您是否可以disabled像输入元素一样使用该属性，但您可以通过将元素放在 上来禁用鼠标交互iframe，但这并不能阻止用户使用 Tab 键切换到它。

也许最好的选择是将src属性设置为空白，但这会使iframe空白不模糊。