禁用 HTML 外部的 iframe 上的导航

Disable navigation on iframe outside HTML

本文关键字：导航 iframe 禁用 外部 HTML      更新时间：2023-09-26

我想使用一个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>

用尺寸相同但 z 指数更高的透明<div>覆盖 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>

看到这个小提琴

相关文章：