javascript - 在 HTML 之外的 iframe 上禁用导航

Question

我想使用一个 iFrame 来显示另一页的内容。我无法控制显示的 HTML，因此无法更改。我可以以某种方式“禁用”该页面上的导航？（我需要那个页面，因为那里的数据将被更改，我需要在我自己的 HTML 上显示结果，但不希望用户点击它，因为将更改为他们的主页，其中的信息并不意味着什么给用户）

这就是我所拥有的，但是阻止功能在 iframe 上不起作用......

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript">
</script>
<script>
$(document).ready(function() {
   $('#tabela').click(function( event ) {  
      event.preventDefault();
   });  
});
</script>
<div id=tabela>
<h1>Classificação Atualizada</h1>
<iframe width='700' height='600' frameborder='0' scrolling='no'         src="http://boleirofc.com/classificacao.php?idTemporada=3115"></iframe>
</div>

Answer 1

<div>使用相同尺寸但更高 z-index的透明对象覆盖 iFrame

<div id=tabela style="width:700px; height:600px; position:relative">
<div style="z-index=1000;position:absolute; height:100%; width:100%; opacity:0; top:0;left:0;"></div>
<iframe style="z-index:999" width='700' height='600' frameborder='0' scrolling='no' src="http://boleirofc.com/classificacao.php?idTemporada=3115"></iframe>
</div>

看到这个小提琴