禁用嵌入 html

Question

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

<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

您可以在 iframe 之上放置透明 div:

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

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

禁用嵌入 html

Disable embedded html

html

javascript

capture