禁用嵌入式html

Question

我想在页面上的表格中嵌入另一个页面。有（至少）三种方法可以做到这一点：

<table><tbody><tr>
  <td><object id="A" type="text/html" data="othersite.html"></object></td>
  <td><embed id="B" src="othersite.html"></td>
  <td><iframe id="C" src="othersite.html></iframe></td>
</tr></tbody></table>

但是，我不希望这些嵌入页面响应鼠标点击事件。

我知道安全性阻止我捕获事件：

document.addEventListener("click", function() { console.log("Click captured and discarded"); }, true); // this is forbidden

但我希望能够做类似

的事情

document.getElementById("A").disabled = true; // this should work but doesn't

是否有其他方法可以使嵌入式html忽略点击事件？

感谢。

P.S。对不起，我不能给你一个例子，但jsfiddle似乎阻止嵌入的html。

Answer 1

您可以在div：

之上放置透明的iframe

iframe, div {
  position: absolute;
  height: 500px;
  width: 500px;
}

<iframe id="C" src="http://wikipedia.com"></iframe>
<div></div>